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 sass
2. Compile your Sass to CSS using Sass command:
sass --watch input.scss output.css
In 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
--watch flag tells Sass to watch for changes to your
input.scss file. It then recompiles if changes are found.