⌘K

SASS Preprocessor Tutorial

A simple SASS preprocessor tutorial for beginners with detailed theory and tasks.

Уроки

01

Introduction to SASS language

02

Compilers in SASS

03

Studying the SASS documentation

04

Testing the Compiler in SASS

05

Comments in SASS

06

Nested constructs in SASS

07

Grouping Selectors in SASS

08

Nested Sibling Selectors in SASS

09

Combining Selectors in SASS

10

Combining Pseudo-Classes in SASS

11

Combining Selector Parts in SASS

12

Variables in SASS

13

Using a variable multiple times in SASS

14

Global Variables Inside Selectors in SASS

15

Default Variables in SASS

16

Mathematical Operations in SASS

17

Mixins in SASS

18

Using Mixins in SASS

19

Mixin Parameters in SASS

20

Named Mixin Parameters in SASS

21

Variables in parameters in SASS

22

Content Blocks in Mixins in SASS

23

Scope of variables and content blocks in SASS

24

Functions in SASS

25

Rules and Directives in SASS

26

Importing Files into SASS

27

Nested Imports in SASS

28

Directive @media in SASS

29

Inheriting Selectors in SASS

30

How Inheritance Works in SASS

31

Extending with Compound Selector in SASS

32

Multiple extensions when applied @extend in SASS

33

Chain extensions in @extend in SASS

34

Sequence of selectors in @extend in SASS

35

Combining selector sequences into @extend in SASS

36

The !optional tag in @extend in SASS

37

Directive @at-root in SASS

38

Directive @if in SASS

39

Directive @for in SASS

40

Directive @each in SASS

41

Multiple values ​​in a directive @each in SASS

42

Directive @while in SASS