So I am starting to look into SASS programming to aid in the coding of CSS. SASS looks like it tries to make coding of what is a boring language fun again by allowing you to challenge your brain in seeing how to write code to allow easy customization of the code as well as writing function style code groups that can make duplication very easy.  I realize there is probably more to it than that but its a start in the SASS knowledge.

Here is what says about its language.

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rulesvariables,mixinsselector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

Sass has two syntaxes. The most commonly used syntax is known as “SCSS” (for “Sassy CSS”), and is a superset of CSS3’s syntax. This means that every valid CSS3 stylesheet is valid SCSS as well. SCSS files use the extension .scss.

The second, older syntax is known as the indented syntax (or just “.sass”). Inspired by Haml’s terseness, it’s intended for people who prefer conciseness over similarity to CSS. Instead of brackets and semicolons, it uses the indentation of lines to specify blocks. Files in the indented syntax use the extension .sass.

While the documentation on this site is mostly in the SCSS syntax, both syntaxes are fully supported – there is no functional difference between them. Use the syntax you prefer.

I think I am going to like learning how to use SASS in my CSS coding.  It does allow you to organize CSS code in a hierarchical manner that allows you to nest tags.  I also like the ability to use variables and also mixins for a sort of function call for outputting repeated CSS even with customizations.

Share This