SCSS
Изучаем что такое scss, как его поставить и как он облегчает жизнь при написании стилей
0:00 что такое SCSS
1:38 Установка SCSS
3:21 Настраиваем структуру проекта и тестовую верстку
7:24 Начинаем прописывать стили
8:54 Подключаем scss
9:27 Создаем command prompt для запуска утилиты sass
9:41 Режим watch препроцессора
12:54 Использование вложенных классов
14:37 Создаем конфиг для запуска препроцессора из Visual Studio Code
18:37 Использование "&"
20:36 Разбиваем на файлы
21:53 Настраиваем конфиг для компиляции только итогового файла
22:29 Склеиваем файлы через @import
25:51 Зачем нужна карта main.css.map
27:01 Готовим верстку для работы с миксинами и параметрами
30:29 Переменные
32:25 Миксины (примеси) @mixin и @include
37:50 Миксин с вложенным классом
38:19 Функции для работы с цветом
43:00 Циклы @for
48:45 Условные операторы @if
50:28 Списки и цикл через @each
52:31 Обращение к элементам списка через функцию nth
54:24 Функция length
55:05 Моя любимая функция adjust_hue
56:19 Расчет значений с помощью переменных
56:54 ...
57:23 Настраиваем конфиг, чтобы были видны ошибки компиляции
58:11 Отладка с помощью @debug
