Что какасется цветового оформления, как ни странно тоже есть вариант, выноса цветового оформления в блок Темы.

Которая так же можем примиксоваться на любой интерфейсный узел и всё что будет ниже по дереву будет перекрашиваться:
http://whitepaper.tools/doc.html#/theme

Можно понажимать переключатели в Kit-e http://whitepaper.tools/starter-kit.html

Приветствую. Вопрос в продолжение. Смотрю переменные и значения для отступов (http://whitepaper.tools/doc.html#/theme-space). Более менее понятно, кроме самих значений. Например у меня три варината размера padding-top на сайте: те я могу  эти три варианта обернуть в переменные и миксовать где надо (?). Сами значения отступов в px какому конкретно значению должны соответствовать (xxxs / xxs / xs / s / m / l....)? Или я сам определяю для своего сайта значения модификаторов ?

Можно пойти следующим образом:
1. Проанализировать значения всех своих отступов;
2. Привести их к выразительному мининунму;
3. Присвоить их в переменные в var(—space-*) в Теме;
4. Использовать переменные в стилях блоков.

Дальше рулить отступами из Темы

Спасибо огромное, четко сформулировали то о чем думал! Простите за странный вопрос, а под Темой мы что понимаем в данном контексте?

Под Темой понимаем блок в котором хранятся переменные на цвета, отступы, текстовые размеры, …

theme_color_* — цвета;
theme_space_* — отступы;
theme_size_* — размеры текста.

Эти переменные пробрасываются в интерфейсные блокок.

А блок с Темой миксуется как минимум на один самый верхний узел в дереве.

теперь ясно, спасибо!

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

ребят, привет, а есть где-нибудь ман как пересесть с иглы классического бем стека на бем-реакт?

Сами маемся… =) классический ламповый не отпускает…

Спасибо!

понятно) но вопрос болше к тому, что делать с кодом если хочу  в проект реакт. можно ли не переписывая все с нуля, плавненько.

У реакта принципиально другая парадигма на уровне архитектуры: и шаблонов, и работы с данными. Я думаю, проще даже будет всё же реализовать «реактивность» в классическом стеке (например, с помощью обзёрверов из mobX, но это лишь предположение), чем транспайлить (типа DSL) BEMJSON в JSX.

Я сейчас пробую с нуля сделать одно приложение (форму заказа) на bem-react и так всё туго, будто опять в каменный век вернулся. Но это наверняка лишь вопрос практики и привычки.

Каменный век по своему хорош, вайлд такой) у меня небольшой сервис от которого часть (скажем 1/8я) отделяется в самостоятельное приложение. Вот его хочу сделать SPA с роутингом и пр, смотрю в сторону реакта и vue. Собственно если можно было бы с бема на бемреакт быстро перейти то выбор был бы очевиден, а так не знаю.

по-быстрому — это на классический стек прикрутить bem-history и дописать в депсы, какие шаблоны нужны на клиенте. Ну и останется чуть-чуть описать в клиентском JS до полноценной SPA.

Но если на клиенте много мутаций в разных блоках на разных узлах, то будет много бойлерплейт-кода с инициализацией и подпиской на изменения (то, что реакты прячут «под капот» виртуального DOM). И что-то для хранения стейта придётся прикрутить ({}, redux, mobX, etc.)