Темы оформления
Тема оформления — это набор переменных less
-шаблонизатора CSS
, которые описывают цветовую гамму и геометрию элементов верстки веб-приложения.
Любой Wasaby
-контрол может быть оформлен специальным образом для поддержки темы оформления. Для темизации контрола ему необходимо установить опцию theme
:
<Controls.input:Text theme="cloud"/>
Значение опции theme
наследуется при вложенности контролов друг в друга. Это значит, что опцию theme
достаточно установить на корневом элементе приложения.
Стандартный набор темизируемых css-классов
При использовании таких классов можно не создавать модули оформления и переменные less.
Темизация при помощи css-переменных
Поддерживается возможность темизировать контролы при помощи css-переменых.
Создание модуля темы оформления
Поскольку контролы распределены между модулями приложения СБИС, тема оформления также может быть распределена между модулями.
Подключение css-стилей к контролу
Правила для темизируемых и нетемизируемых css.
Мультитемизация
Поддержка нескольких тем на одной странице.
Лучшие практики определения переменных темы оформления
При именовании тем оформления необходимо придерживаться ряду правил.