As I traverse the software engineering path, There is ONE thing I am certain of.
I HATE CSS. To keep it short, it is not my forte. It is one of my weaknesses.
Life is a journey of twist and turns that molds who we are. It all started with SASS.
So what’s so special about this “SASS” ?
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
Sass makes writing maintainable CSS easier. You can get more done, in less code, more readability, in less time.
More done, less code, more readability, in less time? That sounds productivity.
CSS variables? No problem. Variables in Sass are scoped using the
$ symbol. Just like in PHP.
Unlike CSS, Sass allows us to use mathematical expressions.
Supported expressions include:
Sass has extensive array of functions Click here.
Function directives in Sass are similar to mixins, but instead of returning markup, they return values via the
imports allow you to break your styles into separate files and import them into one another.
**Note: import doesn’t require extension. example above targets grids.scss file
One of the most helpful, and also misused features of Sass, is the ability to nest declarations.
**Note: The Inception Rule: don’t go more than four levels deep.
Windows Installation can be found here.
1. Install Ruby first.
sudo apt-get install ruby-full
2. Install sass
sudo su -c "gem install sass"
3. Check Sass version if properly installed