Join Joe Marini for an in-depth discussion in this video The Sasscommand-line basics, part of CSS with LESS and Sass.
Alright, we've reached the point in the course now where we're going to talk about Sass,…and Sass, just like LESS, is a CSS preprocessor.…It takes code that is written in a certain syntax -- in this case, Sass syntax -- and converts…it into official CSS before you upload it to your Web site.…You can find more information about Sass by going to the sass-lang.com Web site, which you can see here.…Sass actually comes in two different flavors. There is the newer version, which as of Sass 3,…is known as SCSS.…
And SCSS is a superset of CSS 3's official syntax, which basically means that if you…write a style sheet using CSS 3, it is valid as SCSS as well.…Now, there's an older syntax that came along with the first version of Sass, and it's the indented syntax.…If you've used languages like PML, or Python before, then you probably will be familiar with the format.…It's no longer the primary format, and the files are ended with .sass suffixes, or file extensions.…
In this particular course, because SCSS is now the primary way of writing Sass, that's…
The first section focuses on LESS (Leaner CSS) and how it can be used on both the client and the server. The lessons show how to work with variables, mixins, nested rules, and other features to easily create maintainable CSS.
The second section introduces Sass (Syntactically awesome stylesheets), which contains many of the same features as LESS, along with a few new ones. Joe also compares and contrasts the two tools, and explains how your platform and needs may influence which tool you choose.
- What are LESS and Sass?
- Using variables in your CSS
- Working with reusable and parameterized mixins
- Implementing nested rules
- Combining CSS rules with operations
- Using the built-in functions in LESS and Sass
- Controlling the CSS output formatting
- Importing external files