Как грамотно сверстать сайт у которого несколько тем?

Question

[Владимир Ионенко]

Существует дизайн сайта, который представляет собой некий конструктор. Сайт должен иметь различные темы их около 16. В зависимости от выбранной темы может меняться не только цветовая гамма, но и сама структура блока. Ко всему каждый элемент имеет несколько видов, к примеру шапка имеет 5 вариаций, а некоторые блоки и по 12. Вопрос в том какой подход необходим при верстке такого рода сайтов ?

Comments

[sim3x]

Насколько сильно будут меняться блоки?
Как у дизайнеров прописан данный момент в документах?

[Владимир Ионенко]

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

Answer 1

[Ankhena]

БЭМ
flex order
Остальное можно сказать только видя эти вариации.

Answer 2

[Арсений Матыцин]

Использовать flex order если это возможно, чтобы не переверстывать сайт.
А вообще я для такого использую gulp. Настраиваешь условия в конфигурации, в зависимости от этого собираешь, что надо. Запускать такую радость можно в консоли примерно так gulp --project=red

Answer 3

[Андрей Федосеев]

Можно выкрутиться с order и css переменными, но в будущем с поддержкой будет тяжеловато. Верстать разные версии и подключать нужный css. В плане масштабирования такой подход решает.

Answer 4

[Dave]

Не усложняй работу. Можешь сделать костылями, как в указанных ответах, но тем самым усложнишь в разы поддержку, читабельность и дальнейшее сопровождение. Делай разные темы. А расшаренные правила стилей подключи в один обший CSS-файл.