How SASS Works?
Let’s understand how Sass works:
- The SASS code is written in the files with .sass or .scss extension based on the syntax preference.
- You can use various features like variables, mixins, and nesting in Sass.
- SASS pre-processor processes the SASS code into standard CSS code in a new CSS file.
- This CSS code is the actual code that is being used by the HTML and rendered by the browser.
How to Use Sass with CSS?
SASS (Syntactically Awesome Style Sheets) is a pre-processor for CSS that provides various features such as nesting and mixins. SASS compiles to regular CSS and that CSS is used in your project and finally by the browser to style the web page.