Основы Sass

Sass и другие препроцессоры создавались по одной причине: CSS становится утомительным для написания и трудно поддерживаемым, поскольку приложение становится более сложным.

Несмотря на недавние значительные улучшения в организации JavaScript в наших современных веб-приложениях, CSS сравнительно слабо развился. Вместо этого многие команды полагаются на препроцессоры, такие как Sass, Less, PostCSS, Stylus и другие. Это, по существу, расширение основополагающих концепций CSS, которые компилируются в обычный CSS во время сборки.

В этом курсе мы начнем с обычного CSS, и быстро сложимся с новыми возможностями и инструментами, которые изменят способ мышления о стилях вашего приложения. Быстро, после перехода от основ, мы начнем видеть, как стиль можно параметризовать и повторно использовать, избегая повторения и избыточности, сохраняя при этом все читаемым и поддерживаемым.

Далее мы рассмотрим директивы, которые вносят императивные концепции кода в таблицы стилей, такие как цикл, условные блоки и тд. Наконец, мы экспериментируем с созданием собственного расширения Sass, в котором мы можем добавлять новые возможности к тому, как мы выражаем стили.