Работа со стилями компонента

use Prologue\Uni\StaticModules\StyleManager;

Задать стиль


StyleManager::setStyle(
    '.ProductCardCard001__item',
    function ($c) {
        /** @var array $c */

        $c['manager']::setProperty('color', '#555', true);
        $c['manager']::setProperty('fontSize', '14px', false);

    }
);

Возможности контекста $c

Возможность	Описание
$c['manager']	Объект менеджера стилей
$c['fitConfig']	Свойства темы. Подробнее по ссылке.
$c['data']	Данные компонента
$c['component']	Объект компонента

Использование присетов


StyleManager::setStyle(
    '.ProductCardCard001__item',
    function ($c) {
        /** @var array $c */

        StyleManager::includeWebElementStyle('text/article');

    }
);

Доступные присеты

Присет	css класс	Описание
heading/H1	uni__heading_H1	Заголовок H1
heading/H2	uni__heading_H2	Заголовок H2
heading/H3	uni__heading_H3	Заголовок H3
heading/H4	uni__heading_H4	Заголовок H4
text/article	uni__text_article	Текст
text/string	uni__text_string	Текстовая строка
text/colorString	uni__text_colorString	Текстовая строка с учетом цвета текста
buttons/primary	uni__buttons_primary	Стандартная кнопка
buttons/lite	uni__buttons_lite	Кнопка лайт
cards/card	uni__cards_card	Карточка
cards/card-hover	uni__cards/card_hover	Карточка по ховеру
images/simple	uni__images_simple	Изображение
forms/input	uni__forms_input	Инпут