Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself. It provides mechanisms available in programming languages, like variables, nesting, and functions. These mechanisms allow for more concise and easier-to-read stylesheets, especially when working with large stylesheets.
Preprocessors are tools that allow you to write CSS in a more concise and powerful way. They extend the CSS language with features that are not available in CSS itself. Preprocessors make it easier to maintain and organize your stylesheets, and can also help you write more DRY (Don't Repeat Yourself) code.
- Help with CSS limitations
- Make CSS more maintainable
- Make CSS more organized
- Write on alternative syntax
- Make CSS more powerful
There is a ot of ways to install SASS in your project, but the most common way is to use npm.
Please check SASS website for more information: SASS
First, you need to install SASS in your project. You can do this by running the following command in your terminal:
npm install -g sassThis is if you already have node.js installed on your computer. If you don't have node.js installed, you can download it from the official website, or you can use a package manager like Homebrew or Chocolatey.
- For Homebrew:
brew install node- For Chocolatey:
choco install nodejsTo Compile your SASS we can use the extensions in VsCode: Vscode extension: Live Sass Compiler