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