Once you’re comfortable with CSS, the next natural step is to use a preprocessor. The biggest advantage is not having to repeat yourself. “Don’t Repeat Yourself” or "DRY" is a principle in software development aimed at reducing repetition of code, and using SASS we can have the advantage of keeping our CSS Dry.
"A CSS preprocessor is a program that lets you generate CSS from the preprocessor's own unique syntax." - MDN
- Cleaner code using variables and nesting.
- Ease of organizing and maintaining the code as we can separate files into modules.
- Ability to implement logic and calculations in stylesheets.
- Overall improvement in workflow which can save hours of development time!
SASS (or Syntactically Awesome Style Sheets) is a tool known as a CSS preprocessor. SASS is a scripting language that provides us the capabilities which regular CSS doesn't have. Using SASS we can write more maintainable, readable and reusable code.
It gives us various capabilities such as:
- Partials & Imports
- Control directives
In other words SASS helps us write CSS and organize large stylesheets in more maintainable way.
Thanks for reading!