Syntactically Awesome Style Sheet
Sass is the most mature, stable, and powerful professional-grade CSS extension language
Sass is a CSS pre-processor. It is fully compatible with every version of CSS. Sass reduces the repetition of CSS and therefore saves time.
Sass consists of two syntaxes. The original syntax, called “the indented syntax,” uses a syntax similar to Haml. It uses indentation to separate code blocks and newline characters to separate rules. The newer syntax, SCSS (Sassy CSS), uses block formatting like that of CSS.
CSS is the styling language that any browser understands to style webpages. SCSS is a special type of file for SASS, a program written in Ruby that assembles CSS style sheets for a browser, and for information, SASS adds lots of additional functionality to CSS like variables, nesting and more which can make writing CSS easier and faster.
Difference between SASS and CSS
SASS
- Object-oriented
- Allows nesting
- Allows variables
CSS
- Statement oriented
- No nesting
- No variable declaration