Sass
From Just Solve the File Format Problem
(Difference between revisions)
Dan Tobias (Talk | contribs) (Created page with "{{FormatInfo |formattype=electronic |subcat=Web |extensions={{ext|sass}}, {{ext|scss}} }} '''Sass''' (Syntactically Awesome StyleSheets) is a pre-processor for [[Cascading Sty...") |
Dan Tobias (Talk | contribs) |
||
| Line 8: | Line 8: | ||
There are two different syntaxes of Sass: | There are two different syntaxes of Sass: | ||
| − | * The original "nested" syntax, using indentation (rather than brackets) to show nesting levels (somewhat like [[Python]]) and newlines instead of semicolons to separate properties. This has a .sass extension. | + | * The original "nested" syntax, using indentation (rather than brackets) to show nesting levels (somewhat like [[Python]]) and newlines instead of semicolons to separate properties. This has a '''.sass''' extension. |
| − | * The newer SCSS (Sassy CSS) syntax, which is based on CSS3 and designed so that a valid CSS3 file is also a valid SCSS file, but a number of extensions are supported. | + | * The newer SCSS (Sassy CSS) syntax, which is based on CSS3 and designed so that a valid CSS3 file is also a valid SCSS file, but a number of extensions are supported. This has a '''.scss''' extension. |
== Links == | == Links == | ||
* [http://www.sass-lang.com/ Sass official site] | * [http://www.sass-lang.com/ Sass official site] | ||
* [http://www.sass-lang.com/documentation/file.SASS_REFERENCE.html Sass Reference] | * [http://www.sass-lang.com/documentation/file.SASS_REFERENCE.html Sass Reference] | ||
Revision as of 03:57, 5 April 2014
Sass (Syntactically Awesome StyleSheets) is a pre-processor for Cascading Style Sheets allowing CSS to be created in a more powerful and developer-friendly way than the normal CSS syntax, then compiled into regular CSS. The Sass syntax supports enhanced functionality such as nested styles and programming-language-style constructs such as variables and calculations. Sass is implemented in Ruby and has been built into a number of programs aimed at Web developers, both commercial and free/open-source.
There are two different syntaxes of Sass:
- The original "nested" syntax, using indentation (rather than brackets) to show nesting levels (somewhat like Python) and newlines instead of semicolons to separate properties. This has a .sass extension.
- The newer SCSS (Sassy CSS) syntax, which is based on CSS3 and designed so that a valid CSS3 file is also a valid SCSS file, but a number of extensions are supported. This has a .scss extension.
