Sass

Sass (Syntactically Awesome StyleSheets)

• Sass is an extension of CSS that adds power and elegance to the basic language.
• It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax.
• Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly, particularly with the help of the Compass style library.

Features

• Fully CSS-compatible
• Language extensions such as variables, nesting, and mixins
• Many useful functions for manipulating colors and other values
• Advanced features like control directives for libraries
• Well-formatted, customizable output

Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly, particularly with the help of the Compass style library.

Features

Fully CSS-compatible Language extensions such as variables, nesting, and mixins Many useful functions for manipulating colors and other values Advanced features like control directives for libraries Well-formatted, customizable output

Using Sass

• Sass can be used in three ways
  • The command-line tool
  • Standalone Ruby module
  • Plugin for any Rack-enabled framework

CSS Extensions

• Nested Rules
• Referencing Parent Selectors
• Nested Properties
• Placeholder Selectors