Препроцессоры давно стали необходимым инструментом для верстальщика.

Давайте разберёмся, для чего они нужны.
CSS-препроцессоры позволяют при написании стилей использовать свойственные языкам программирования приёмы и конструкции: переменные, вложенность, наследуемость, циклы, функции и математические операции. Синтаксис препроцессоров похож на обычный CSS. Код, написанный на языке препроцессора, не используется прямо в браузере, а преобразуется в чистый CSS-код с помощью специальных библиотек. Наиболее популярные препроцессоры — Less и Sass.
Преимуществом Less является простота, стандартный для CSS синтаксис и возможность расширения функционала за счёт плагинов. Sass — более мощный инструмент с собственным синтаксисом.
Подробнее про процессоры вы можете узнать на курсе «HTML и CSS. Адаптивная вёрстка и автоматизация», который начинается 9 ноября: https://tml.io/5i3s8