Using Sass (Scss) preprocessor

Sass (Syntactically Awesome Style Sheets)
Sass is a scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). It is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass gives you the power of variables, mixins, functions, etc.

Compiling Sass (Scss)

If you are not using Node.js and Gulp setup, and don't like command line interface there is another way to work with Sass. We personally recommend Visual Studio Code editor with Live Sass Compiler plugin installed. Visual Studio Code is a free software developed by Microsoft. It's avalable on Mac OS, Windows and Linux.

Make sure to add correct path where compiled CSS should be stored via plugin settings in .json format. See the screenshot below for more detail. The complete list of settings you can find here.

Live Sass Compiler
Top