DEV Community

Cover image for What is a CSS Preprocessor? What are some benefits of Sass?
Md Shah Jalal
Md Shah Jalal

Posted on

What is a CSS Preprocessor? What are some benefits of Sass?

A CSS preprocessor is a program that permits users to generate CSS from the preprocessor's unique syntax. To use a CSS preprocessor, we must install a CSS compiler on our webserver. Or use the CSS preprocessor to compile on the development environment, and then upload compiled CSS files to the webserver.
SASS (Syntactically Awesome Stylesheets) is a CSS preprocessor that allows you to use variables, mathematical operations, mixins, loops, functions, imports, and other interesting functionalities that make writing CSS much more powerful.
It is CSS syntax friendly
It uses nested syntax
It includes mixins
We can divide and conquer
It contains fewer code thatโ€™s why we can write CSS quicker.

Top comments (1)

Collapse
 
jordansayner profile image
Jordan Sayner

Nice base for an article, but might want to expand on what a mixin, loops and functions are for the people who are new to coding and dont know what those things are.

Maybe show an example of what they all do, a before and after comparison of code etc.