Темизация при помощи css-переменных
В некоторых случаях вместо готовых css-классов допускается использование css-переменных.
Пример использования для отступов:
/* CSS */
.myBlock {
padding-left: var(--offset_m);
padding-right: var(--offset_s);
}
Далее представлен пример использования css-переменных для цвета текста. В данном случае вместо css-переменной можно использовать готовый css-класс. Это позволит уменьшить количество css-кода на странице.
/* CSS */
.myBlock {
color: var(--secondary_text_color);
}
Все стили должны ссылаться на готовые CSS-переменные. Свои css-переменные необходимо создавать только для базовых платформенных компонентов, когда отсутствует возможность использования готовых CSS-переменных.