Compass with Sass

SASS brings a DRY coding standard to Cascading Style Sheets (CSS), allowing themers to create re-usable libraries of features and variables to styling practices.

For example perhaps you want to style the pages of a website so that color accents and details are able to change with seasons. One aspect of SASS is to allow a developer to specify an element's color in a variable or function, and reference it as the value for an attribute to an HTML tag.

Several other advantages are gained through the use of SASS as a choice in maintaining CSS for a website, including:

  • Logical nesting of contained elements within the lines of the SASS code;
  • Organizing SCSS files to map to specific applications within your site
  • Importing standardized libraries such as 'Compass' into your CSS styling, eliminating cross-browser nightmares in styling differences.