- Notifications
You must be signed in to change notification settings - Fork2.2k
sass/sass
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
Sass makes CSS fun again. Sass is an extension of CSS, adding nested rules,variables, mixins, selector inheritance, and more. It's translated towell-formatted, standard CSS using the command line tool or a plugin for yourbuild system.
$font-stack:Helvetica,sans-serif;$primary-color:#333;body {font:100%$font-stack;color:$primary-color;}@mixinborder-radius($radius) {-webkit-border-radius:$radius;-moz-border-radius:$radius;-ms-border-radius:$radius;border-radius:$radius;}nav {ul {margin:0;padding:0;list-style:none; }li {@includeborder-radius(10px); }a {display:block;padding:6px12px;text-decoration:none; }}
You can install Sass on Windows, Mac, or Linux by downloading the package foryour operating systemfrom GitHub andadding it to yourPATH
. That'sall—there are no external dependencies and nothing else you need to install.
If you use Node.js, you can also install Sass usingnpm by running
npm install -g sass
However, please note that this will install the pure JavaScriptimplementation of Sass, which runs somewhat slower than the other options listedhere. But it has the same interface, so it'll be easy to swap in anotherimplementation later if you need a bit more speed!
Seethe Sass website for more ways to installSass.
Once you have Sass installed, you can run thesass
executable to compile.sass
and.scss
files to.css
files. For example:
sass source/stylesheets/index.scss build/stylesheets/index.css
Check outthe Sass website for a guide on how tolearn Sass!
This repository isn't an implementation of Sass. Those live insass/dart-sass
andsass/libsass
. Instead, it contains:
spec/
, which contains specifications for language features.proposal/
, which contains in-progress proposals for changes to thelanguage.accepted/
, which contains proposals that have been accepted and are eitherimplemented or in the process of being implemented.
Note that this doesn't contain a full specification of Sass. Instead, featurespecifications are written as needed when a new feature is being designed orwhen an implementor needs additional clarity about how something is supposed towork. This means many of the specs inspec/
only cover small portions of thefeatures in question.
The proposals in this repository are versioned, to make it easy to track changesover time and to refer to older versions. Every version has a Git tag of theformproposal.<name>.draft-<version>
. A new version should be created for eachbatch of changes.
Every version has a major version, and they may have a minor version as well(indicated<major>.<minor>
). The minor version should be incremented forchanges that don't affect the intended semantics of the proposal; otherwise, themajor version should be incremented.
About
Sass makes CSS fun!