Итак, чистый CSS достаточно функционален, чтобы отказаться от использования препроцессоров. Спорно? Автор статьи https://css-tricks.com/is-it-time-to-un-sass/ рассуждает на эту тему, а я дам свою выжимку из прочитанного. Никогда не любил препроцессоры :)
1. Вложенные селекторы
Теперь поддерживаются и в CSS
.footer {
a { color: blue }
}SASS позволяет использовать конкатенацию при определении вложенных селекторов, фактически удлинняя класс, а не создавая вложенный. CSS так не может, но и без этого можно обойтись.
2. color-mix()
SASS позволял модифицировать цвета, например, делать их светлее или темнее
background-color: darken($color, 20%); /* SASS */CSS теперь может тоже самое
background-color: color-mix(in oklab, var(--color), #000000 20%);3. Миксины и функции
В CSS до сих пор нет миксинов и функций, но кое-что можно делать с помощью calc, например, увеличивать шрифт относительно текущего.
@media (min-width: calc((600 / 16) * 1em));4. Препроцессоры требуют глубокого знания нишевых инструментов и решения проблем совместимости.
Вместо этого можно потратить время на изучения CSS, сделать тоже самое быстрее и проще.