Sass stands for Syntactically Awesome Style Sheets. Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets.
Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and across projects.
Steps to use Sass in your HTML project:
- Install Sass using npm –
npm install -g sass2. Compile your Sass to CSS using Sass command:
sass --watch input.scss output.cssIn the above terminal command, input.scss is the file from which we are building from. It is outputted to output.css file after compilation. Running sass input.scss output.css from your terminal would take a single Sass file, input.scss, and compile that file to output.css.
--watch flag tells Sass to watch for changes to your input.scss file. It then recompiles if changes are found.
References – https://sass-lang.com/install, https://sass-lang.com/guide
