- CSS To SASS
- Original author: Amina Laabidi
- The Nuggets translation Project
- Permanent link to this article: CSS to SCSS
- Translator: Front-end picker
- Proofreader: None (Your comments are welcome, you can spray me)
SASS, which stands for Syntically Awesome Stylesheet, is an extension to CSS, a CSS preprocessor that is compatible with all versions of CSS.
CSS is an interesting language that can do a lot of interesting things. But as style sheets grow, maintenance becomes difficult, which is a built-in disadvantage of CSS. But the advent of the preprocessor solved this problem.
SASS allows you to use functionality that is not yet supported in CSS. Such as variables, nesting, mixins, inheritance, and other more advanced features.
variable
nested
Mixins
The module
You don’t have to have all of SASS in one file, you can split it up into different files.
Inheritance Inheritance –
Inheritance is very useful, you can inherit from a parent class, and you can override the parent class properties.
Function and For loop
Like Lightness, SASS has a number of built-in functions that can be useful in large applications.
In addition to @for, SASS also has @each,@while,@f & @else and other process control functions.
