Sass Basics (Refresh)
Coming April 2017…
About this Course
Sass is a stylesheet language that extends CSS with features like variables, nested rules, mixins, functions and more, in a CSS-compatible syntax. In this course, you'll learn to use the powers of Sass to boost your front end workflow. The examples will teach you why you should use Sass in your projects. By the end, you will be writing more efficient CSS using code that is easy to read and maintain.
What you'll learn
- What is a CSS Preprocessor?
- Variables, nested rules and mixins
- Separating your stylesheet into partials
- Storing data in maps
- Functions, loops and conditionals
Getting Started with Sass
Get up and running with Sass! In this stage, you'll learn to compile Sass into plain CSS, and use variables to make your code less repetitive and easier to maintain.
Improve Your Workflow with Sass
Ready to experience the true power and elegance of Sass? In this stage, you'll learn to keep your code "DRY", using nested selectors and the `&` symbol to reference the parent selector of nested rules. You'll also create reusable blocks of code called mixins, and extend the properties of other selectors via the `@extend` directive.
Write Smart and Efficient CSS with Sass
Learn to organize your Sass projects with partials, and efficient ways to manage media queries, color values and repeating patterns in your code.
Add Reusable Logic to Your Sass
Time to add powerful logic to your stylesheets! Push your Sass skills further by creating smarter and extensible mixins. Write conditionals and loops to simplify repetitive tasks, and learn how Sass helps you handle errors and debug code in the browser.