Sass Fundamentals

Sass Fundamentals

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 3h 45m | 1.62 GB

Leverage the Sass preprocessing to empower your CSS practices and master styling complex applications. Mike will show you how styles can be modularized and reused – avoiding repetition and redundancy, while keeping everything readable and maintainable.

Table of Contents

SASS Fundamentals
1 Introduction
2 CSS Pitfalls
3 Preprocessor Benefits
4 Course Agenda

SASS Basics
5 Syntax, Nesting and Selectors
6 Challenge 1 – Parental Selectors
7 Challenge 1 – Solution
8 Challenge 2 – Parental Selectors 2
9 Challenge 2 – Solution

SASS Variables
10 SASS @import and Variables
11 Challenge 3 – Imports and Variables
12 Challenge 3 – Solution

SASS Mixins
13 SASS Mixins and Arguments
14 Challenge 4 – Mixins
15 Challenge 4 – Solution
16 Default Argument Values
17 Challenge 5 – Mixins 2
18 Challenge 5 – Solutions

SASS Functions
19 Introducing Sass Functions
20 Challenge 6 – Color Functions
21 Challenge 6 – Solutions

Control Flow
22 If Sass Directive
23 Challenge 7 – Control Flow
24 Challenge 7 – Solution

Data Structures
25 Data Structure
26 Challenge – Nudging Classes
27 Challenge 8 – Solution

CSS Architecture
28 BEM Introduction
29 Challenge 9 – BEM Buttons
30 Chellenge 9 – Solution
31 Reusing Style with Mixins
32 Challenge 10 – @extend
33 Challenge 10 – Solution

Working with SASS functions
34 Writing Sass Functions
35 Challenge 11 – Relative Luminance is Sass
36 Challenge 11 – Solution

Wrapping up SASS Fundamentals
37 Wrapping Up