Задача к лекциям «Препроцессоры» и «BEM»

Весь первый семестр в задачах по вёрстке мы настойчиво рекомендовали не использовать пост и препроцессоры, чтобы постичь чистую магию CSS. Теперь когда вы всецело владеете ей, мы уверены сможете обратить более сильную магию препроцессоров не во вред, а на пользу.

В качестве задания, предлагаем переосмыслить решение одной из задач первого семестра. Для этого необходимо:

  1. Выбрать любимую задачу по вёрстке из первого семестра
  2. Переписать с использованием препроцессоров и BEM-методологии (только методологии, без инструментов)

По традиции мы выполнили первый пункт сами и выбрали восьмую задачу.

Дополнительное задание

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

bmyh8sxcaaio89j