CSS To SASS

Amina laabidi
2 min readMay 31, 2021

--

SASS stands for Syntically Awesome Stylesheet.Sass is an extension to CSS it is a CSS pre-processor & is completely compatible with all versions of CSS.

SASS is free to download and use.

#CSS on its own can be fun ,but stylsheets are getting larger,more complex, and harder to maintain This is where a preprocessor can help.

SASS lets you use features that don’t exist in CSS yet like variables nesting mixins, inheritance and other nifty goodies that make writing Css fun again.

Variables

Nesting

Mixins

AGAIN DRY CODE & HAS A GREAT WORKFLOW

Modules

You don’t have to write all your Sass in a single file you can split it up however you xanr with the @usefile

Inheritance

Now is something really useful and yes again it’s DRY code.

Functions & For Loop

Similar to lightness SASS has many built-in functions which are very useful in large applications.

Similary to @for , SASS have @each,@while,@f & @else flow controls

Operators

--

--

Amina laabidi
Amina laabidi

Written by Amina laabidi

I am a full-stack web developer javascript specialist Front-End

No responses yet