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 Зачем нужна карта 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