UI-кит витрины
Типографика (typography.scss)
.h1 Заголовок
.h2 Заголовок
.h3 Заголовок
.h4 Заголовок
.h5 Заголовок
.h6 Заголовок
.fs-16 Основной текст 16px
.body-text 14px
.fs-12 Мелкий текст
.line-clamp-2 — очень длинный текст, который обрезается на второй строке многоточием, чтобы карточки товаров были одной высоты независимо от длины названия товара.
Брендовые цвета (CSS-переменные из настроек)
Кнопки
Бейджи и статусы
Новинка
-17%
2
3
Є в наявності
Немає в наявності
3
Є в наявності
Немає в наявності
Поля форм (components/form/*) — ими пользуются пакеты
Состояние с ошибками: ?state=errors · без: /_uikit
Счётчик количества и фильтры
Бренди
Карточка товара (products/thumb/default) — шаблоны: ?thumb=…
Карточка статьи и категории
Пагинация (layout/pagination)
Алерты, спиннеры, тосты
alert-success
alert-warning
alert-danger
Модалки
Формы обратной связи (module-feedback): 5 вариантов × 11 типов полей
variant = default
variant = card
variant = inline
variant = minimal
variant = split
Текст из редактора (.ck-content)
Текст із візуального редактора (CKEditor) — стилі задає клас .ck-content. Абзац, посилання, жирний та курсив.
Підзаголовок H2
Ще абзац тексту для перевірки ритму та міжрядкового інтервалу.
- Пункт списку
- Ще один пункт
Цитата з тексту.
Продовжити через Google