Sass makes CSS fun again. Sass is an extension of CSS, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
Sass has two syntaxes. The new main syntax (as of Sass 3) is known as “SCSS” (for “Sassy CSS”), and is a superset of CSS’s syntax. This means that every valid CSS stylesheet is valid SCSS as well. SCSS files use the extension
The second, older syntax is known as the indented syntax (or just “Sass”). Inspired by Haml’s terseness, it’s intended for people who prefer conciseness over similarity to CSS. Instead of brackets and semicolons, it uses the indentation of lines to specify blocks. Although no longer the primary syntax, the indented syntax will continue to be supported. Files in the indented syntax use the extension
Learn Sass Tutorial For Beginners -This is a series that introduces the Sass and teaches you how to write Sass and style your web pages using Sass. The course also compare CSS with SASS, you are going to enjoy this course and is really going to be fun.
- How to Install and Compile Sass
- Coding Your First Sass Website
- Partials, Variables and Import in Sass
- Knowing Sass Mixins
- Coding with Bourbon in Sass
- Knowing Which is Faster Between Sass and CSS
- Lectures 15
- Quizzes 0
- Skill level All levels
- Language English
- Students 36
- Assessments Yes
Learn SASS (Syntactically Awesome Style Sheets)
- Obligatory Welcome Video
- WTF is Sass?
- How to Install & Compile Sass
- Download The Course Files
- Sass Tools & Editors
- Code Your First Sass Website
- Sass Best Practices
- Partials, Variables & Imports
- Sass Mixins
- Coding with Bourbon – Part 1
- Coding with Bourbon – Part 2
- Style a Portfolio Landing Page – Part 1
- Style a Portfolio Landing Page – Part 2
- Now what do I do?
- Sass vs. CSS: Which is Faster!? Let’s race them and see.