Learn SASS and SCSS

What you'll learn

Create more maintainable and scalable CSS code

Let's indulge

Introduction to SASS

Meet your Instructor

00:44
Welcome to SASS

01:11
Course Layout

01:05
Installation (Mac)

01:53
Installation (Windows)

11:53
Creating a New SASS Project

06:11
Wrap Up: Introduction

00:24

What you'll learn

Let's indulge

Introduction to SASS

Meet your Instructor

Welcome to SASS

Course Layout

Installation (Mac)

Installation (Windows)

Creating a New SASS Project

Wrap Up: Introduction

Let’s Make a Nest: Nesting With SASS

Introduction

Building a Nest

Create a Project

Nesting + Inheritance

Calling the Parent

Building a vCard

Cleaning Code with Segmentation

Separation is Natural: Segmenting our Code for Cleaner SCSS

Introduction to Segmentation

Why Segment

Segmenting Core styles

Segmenting Elements

Building a Landing Page, Part 1

It Varies

Varied Sassyness

Introduction to Working with Variables

Working with Variables

Variables in the Main SASS file

Variable Scope: Global vs. Local

Variable Scope: Global vs. Local

Building a Landing Page, Part 2

Advanced SASS

Mixins, Placeholders, Plugins, Oh My

Let’s mix it up

What are mixins?

What is Inheritance?

Plugins: Bourbon

Functions in SASS

Building a Landing Page, Final

Best Practices

Final Chapter: Best Practices

Introduction

Best Practices: Nesting

Best Practices: Segmentation

Best Practices: Variables

Best Practices: Mixins

Landing Page Audit

Congratulations