search
Переменные по умолчанию
Ниже приведён список некоторых переменных SIMAI Framework, заданных в ядре и используемых по умолчанию. Из списка
исключены переменные цветовых примитивов (например, --sf-primary-10, --sf-black, --sf-white, --sf-transparent,
--sf-neutral-...) и размерных примитивов (например, --sf-a0, --sf-b1, --sf-c2 и т.д.).
| Переменная | Значение по умолчанию | Описание |
|---|---|---|
--sf-empty |
(не задано) | Пустая переменная-заглушка |
--sf-alfa |
1 | Прозрачность по умолчанию |
--sf-focus--offset |
var(--sf-a0) | Отступ фокуса (ссылается на размерную переменную, но сама не является примитивом) |
--sf-focus--style |
solid | Стиль окаймления (outline) при фокусе |
--sf-focus--width |
var(--sf-a4) | Толщина outline при фокусе (ссылается на размерную переменную) |
--sf-animation |
cubic-bezier(.25,.8,.25,1) | Кривая анимации по умолчанию |
--sf-duration-fast |
100ms | Быстрая анимация |
--sf-duration-normal |
300ms | Нормальная анимация |
--sf-duration-slow |
500ms | Медленная анимация |
--sf-shadow--alfa-fill |
24% | Прозрачность заливочного слоя тени |
--sf-shadow--alfa-outline |
12% | Прозрачность контурного слоя тени |
--sf-shadow--alfa-shade |
8% | Прозрачность затемняющего слоя тени |
--sf-shadow--level-ratio |
1 | Коэффициент уровня тени |
--sf-code--color |
var(--sf-tertiary) | Цвет текста в блоках кода (ссылается на цветовую роль, а не примитив) |
--sf-code--background |
var(--sf-tertiary-container) | Фоновый цвет блока кода (тоже роль) |
--sf-code--font-family |
var(--sf-mono) | Шрифт для кода (системная переменная, не примитив размера или цвета) |
--sf-code--radius |
var(--sf-radius-1/3) | Радиус скругления для блока кода |
--sf-mark--color |
var(--sf-warning-transparent-overlay) | Цвет выделения текста (роль, не примитив) |
--sf-body-text--family |
"Inter", sans-serif | Шрифт основного текста |
--sf-text--family |
"Inter", sans-serif | Шрифт текста |
--sf-heading--family |
"Inter", sans-serif | Шрифт для заголовков |
--sf-display--family |
"Inter", sans-serif | Шрифт для крупных заголовков |
--sf-text--weight |
400 | Вес шрифта для основного текста |
--sf-heading--weight |
700 | Вес шрифта для заголовков |
--sf-display--weight |
300 | Вес шрифта для крупных заголовков |
--sf-text--style |
inherit | Начертание текста |
--sf-text--tracking |
inherit | Трекинг (межбуквенный интервал) текста |
Данные переменные позволяют гибко настраивать интерфейс без прямого вмешательства в код примитивов размеров и цвета.
Эти значения можно использовать в качестве начальных настроек или при необходимости переопределять их под нужды проекта.
Использование глобальных и локальных переменных в SIMAI Framework обеспечивает удобство и гибкость при настройке стилей. Переменные упрощают внесение изменений, делая интерфейсный код более масштабируемым, адаптивным и простым в поддержке.