Свойства

Пункты разделов "глобальные настройки" и "настройки компонентов" содержат список свойств отображения элементов.

Font Family Семейство шрифтов
в планах добавление шрифтов из сервиса fonts.google
Font Size Размер шрифта
Font Weight Жирность шрифта
Font Style Стиль шрифта
Line Height Высота строки
Text Decoration Декорирование текста
Text Transform Трансформация текста
Text Shadow Тень текста
Color Цвет текста
Letter Spacing Межбуквенное растояние
Border Width Ширина рамки
Принимает 1 параметр выраженный в ед. длины
Border Цвет рамки
Принимает 1 параметр - цвет
Border Radius Скругление углов рамки
Margin Внешний отступ
Принимает 1 параметр выраженный в ед. длины
Gutter / Padding Внутренний отступ (padding)
Принимает 1 параметр выраженный в ед. длины
Height Высота
Width Ширина
Max Width Максимальная ширина
Min Width Минимальная ширина
box shadow Тень блока
Для данного свойства, нет поля ввода текста, для него разработан функционал автоматического формирования значения.
1. Функционал позволяет создавать множественные тени, создать одну и последующие можно кликнув по кнопке "SHADOW +".
2. Созданные тени отображаются в строке 2.
- Удалить каждую из них можно дважды кликнув по иконке тени.
- Для перехода к редактированию тени из списка, единыжды кликните по иконке тени.
3. Выбрав для редактирования одну тень из списка, в строке настроек параметров можно изменить
- X - обозначает смещение тени по оси "X"
- Y - обозначает смещение тени по оси "Y"
- BLUR - обозначает размытие тени (значение число)
- SPREAD - размер тени (фактически это отступ от элемента - значение число)
- INSET - падение тени (внешняя, внутренняя / включено - внутренняя, выкл - внешняя)
4. Блок выбор цвета тени
5. Применение внесенных изменений.
background Фон
- В контексте плагина подразумевается background-color.
- Для данного свойства, нет поля ввода текста, для него разработан функционал автоматического формирования значения.
1. Блок выбора цвета на основе цветовой модели HSV (подробнее).
2. Поле ручного ввода значения цвета.
3. Выбор модели цвета для поля ручного ввода.
z index положение элемента по оси "z"
opacity прозрачность

Некоторые компоненты имеют несколько различных оформлений

Плагин позволяет выбрать модификаторы цвета содержимого для каждого варианта компонента

Настраиваются модификаторы цвета в разделе "GENERAL":
- primary - в настройках "Primary"
- light - в настройках "Inverse"
- dark / none - в настройках "Global"

Различные элементы могут иметь различные состяния в зависимости от их назначения или взаимодействия с ними пользователя

В названии свойств встречаются дополнительные слова обозначающие различные состояния одного и того же элемента

hover Наведение указателя мыши
focus Получение элементом фокуса
active Активный элемент
onclick Элемент при клике по нему
disabled Заблокированный элемент
checked Выбранные элементы формы checkbox, radio, option
empty Пустой элемент

Тема оформления адаптивна и отображение на настольных мониторах будет отличаться от отображения на мобильных устройствах. Ширина области просмотра браузера, влияет на размеры и видимость элементов. Адаптация темы происходит в диапазоне между так называемыми точками адаптации.

В теме используются 4 точки адаптации:

Название точки Буква в названии свойства Описание точки
Breakpoint Small S Влияет только на ширину устройства 640 пикселей и больше.
Breakpoint Medium M Влияет только на ширину устройства 960 пикселей и больше.
Breakpoint Large L Влияет только на ширину устройства 1200 пикселей и больше.
Breakpoint Xlarge XL Влияет только на ширину устройства 1600 пикселей и больше.

В названии свойств элементов которые зависят от ширины области просмотра, присувствуют буквы обозначающие точку адаптации с которой свойство вступает в силу

Изменить значение точек адаптации можно в разделе "Global"

Подпишись!

Есть вопросы или предложение?

Для того что бы задать вопрос, Вам необходимо авторизоваться или зарегистрироваться

Скидка− 0 Р
Партнерская скидка− 0 Р
Итого0 Р

Ваша корзина пуста.