.layout
Ширина контента, фон и независимые отступы для десктопа и мобильного.
ML—01 / INTERFACE CONSTRUCTION KIT
LAYOUT/LAB
Секции. Сетки. Управление пространством.
Шесть модулей — одна система.
- Основа
- CSS-переменные
- Адаптив
- 767 / 768 px
- Зависимости примеров
- Без фреймворков
Визуальный ориентирteenage engineering ↗
EXAMPLES / 001—006
Компоненты и примеры
Каталог товаров
HTML с текущими настройками
Оформление примера поверх core-css.css
QUICK START / 01
Начните с одной секции
Подключите библиотеку, добавьте обёртку и настройте её через CSS-переменные.
README на GitHub ↗index.html
Состав библиотеки
Классы и их назначение..grid-list
Карточки сами переносятся на новую строку. Задайте минимальную ширину и расстояния.
.img-ratio
Одинаковые пропорции изображений с режимами cover и contain.
.button · .form-control
Кнопки, поля и состояния формы, которые можно оформить под свою витрину.