Настройки

Настройки можно использовать как внутри HTML, так и внутри CSS кода.

Вставляются они с помощью фигурных скобок {{}}:

В HTML:

 

<div class="{{classname}}"></div>

 

В CSS:

 

.demo {
    border: {{bordersize}}px solid {{bordercolor}};
    text-align: {{align}};
}

 

Внутри можно использовать математические операции и стандартные функции Javascript.

 

.demo {
    border-radius: {{ Math.min(100, radius * 10) }}%;
}

 

💡
ОГРАНИЧЕНИЕ В HTML коде нельзя использовать вставки переменных в именах атрибутов. Такой код работать не будет: <div {{ attrname }}="..."></div>

 

В HTML коде вставки использовать можно в именах тегов, содержимом атрибутов, в тексте. Внутри CSS ограничений никаких нет.

 

Переменная _textcolor

 

В _textcolor содержится цвет текста компонента. Эту переменную удобно использовать, когда необходимо сделать виджет, раскрашиваемый под цвет фона, как это делает текст.

С этой переменной можно работать так же, как и с любыми другими настройками типа Цвет.

Значение переменной определяется исходя из настроек фона компонента, и всех его родительских компонентов.

ТЕХНИЧЕСКАЯ ПОДДЕРЖКА

Не можете найти то, что ищете?

Напишите нам. на связи 24/7. Среднее время ожидания ответа: 10-15 минут. Также вы можете вступить в наш Телеграм-чат, где собралось много специалистов и пользователей.

Поддержка Creatium

Агенты ответят через 10 минут

Агенты ответят

Блог, курсы и полезные материалы 

Платформа сайтов любой сложности