Стили компонентов

← К концепции

Сохраняем локальность представления

Используем локальные стили компонента и существующие design tokens. CSS Modules предотвращают случайное пересечение селекторов, но не определяют архитектурного владельца. Стили доменного интерфейса остаются в домене.

Не используем глобальное переопределение для локальной задачи. Адаптивностью управляет компонент, владеющий раскладкой. Проверяем длинный контент, блоки кода и узкие экраны, а не только desktop-скриншот.

Общие стили выделяем, когда появляется реальный повторно используемый визуальный контракт. Не создаём универсальную утилиту ради одного элемента.