Intro of sassEstimated reading time: 1 minute
What is preprocessor?
A preprocessor is a program that takes one type of data and converts it to another type of data.A CSS preprocessor is basically a scripting language that extends CSS and then compiles it into regular CSS. It safe your time .
Why use preprocessor
Here are some other advantages.
- Cleaner code with reusable pieces and variables
- Saves you time
- Easier to maintain code with snippets and libraries
- Calculations and logic
- More organized and easy to setup
What is Sass
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.Sass is an easy-to-use styling language that helps reduce a lot of the repetition and maintainability challenges of traditional CSS.(
two syntaxes available for Sass. The first, known as SCSS (Sassy CSS) and used throughout this reference, is an extension of the syntax of CSS. This means that every valid CSS stylesheet is a valid SCSS file with the same meaning. In addition, SCSS understands most CSS hacks and vendor-specific syntax, such as IE’s old filter syntax. This syntax is enhanced with the Sass features described below. Files using this syntax have the
The second and older syntax, known as the indented syntax (or sometimes just “Sass”), provides a more concise way of writing CSS. It uses indentation rather than brackets to indicate nesting of selectors, and newlines rather than semicolons to separate properties. Some people find this to be easier to read and quicker to write than SCSS. The indented syntax has all the same features, although some of them have slightly different syntax; this is described in the indented syntax reference. Files using this syntax have the