SASS for Synthetically Awesome Stylesheets is a CSS preprocessor that allows you to do really cool stuff, but for this lesson, we are going to limit ourselves with three main concepts, variables, nestings, and mixins. CSS does implement variables now, although they aren't supported by all modern browsers. Which means when you want to reuse the same value several times, it's kind of a hassle when your designers comes in and says "hey, here's the new code for that colour, I felt like changing it out of the blue" blue, hehe. Assignment: can you make the height of the two first paragraphs equal to 50px , using a variable? When you work on several components, you sometimes have style clashes if you don't encapsulate your styles.
The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. If you are interested in more of my contributions to the Sass community, have a look at that list.
Published on January 1st I try to rebuild or redesign my website at least once every year, it's a great way to keep up to date with HTML and CSS advances as well as workflows and site generators. I launched the latest version last month moving from Jekyll and Github pages to Eleventy and Netlify. I also unintentionally, at least at first removed all traces of Sass from my codebase.