Анастасия, вот смотри, есть к примеру Gulp
Этот чувак короче может из scss или из less сделать тебе готовый css без лишних строк, короче оптимизировать стили, и файлик со стилями будет меньше чем нежели ты сама ручками его напишешь, как правило, ты можешь и не упомнить, что уже писала этот класс или этот айди, и всё по несколько раз повторяется, в итоге на препроцессоре будет одинаково рабочий css как и ручной, только на препроцессоре ты сделаешь файл в 6 Kb а ручной на 1 Mb
На препроцессоре будет 100 строчек стиля а в ручном 6907
Таким образом код на препроцессоре и легче и быстрее обрабатывается, и можно настроить автообновление окна браузера, пишешь стиль,сохранила, и сразу видишь что получилось, без перезагрузки браузера, это огромная экономия времени!
Переменные и миксины помогают избегать повторений и делать крутые эффекты и анимации, и всё с минимальным количеством кода и строк. Попробуй и сравни, может по началу будет тяжело и не понятно, но потом ты это полюбишь, и будешь чувствовать себя профи. Пока другие будут помирать за клавиатурой из-за деадлайнов.
Спасибо, очень мило что ты так разжевал все🐻🐻🐻