Sass

From Just Solve the File Format Problem
(Difference between revisions)
Jump to: navigation, search
Line 11: Line 11:
  
 
* 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 an '''.scss''' 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 an '''.scss''' extension.
 +
 +
The current Sass release as of this writing is known as Maptastic Maple (3.3.4).
  
 
== 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:59, 5 April 2014

File Format
Name Sass
Ontology
Extension(s) .sass, .scss

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 an .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 an .scss extension.

The current Sass release as of this writing is known as Maptastic Maple (3.3.4).

Links

Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox