Моя попытка создать style guide для всех элементов своего сайта.
VA
Стек
Простой
Заголовок стека
Параграф стека
Вложенный
Заголовок стека
Параграф стека
Параграф стека
Параграф стека
Заголовок стека
Параграф стека
Параграф стека
Параграф стека
Рекурсивный
Ребёнок первого уровня стека
Ребёнок первого уровня стека
Ребёнок второго уровня стека
Ребёнок второго уровня стека
Семантика списка
Контент 1 объекта стека
Контент 2 объекта стека
Контент 3 объекта стека
Коробка
Простая коробка
контент коробки
Коробка в стеке
Параграф стека
Цитата стека
Коробка разделённая вертикальными отступами
Параграф стека
Фигурный параграф стека
Коробка с шапкой
голова
тело
Центр
Простой
Любой потоковый контент здесь (заголовки, параграфы, другое)
Макет документации
Вертикальное и горизонтальное центрирование
Я абсолютный центр.
Кластер
Простой
дочерний элемент здесь
другой дочерний элемент
прочее
прочее
прочее
прочее
Список
контент первого элемента списка
контент второго элемента списка
прочее
прочее
Боковая панель
Объект медиа
сопровождаемый изображению текст
Переключаемый объект медиа
Обложка
Добро пожаловать!
Сетка
Карточки
контент карточки
контент карточки
контент карточки
контент карточки
Фрейм
Фрейм изображения
Карусель
Лента карточек
контент карточки
контент карточки
контент карточки
Прокручиваемые ссылки
Предатель
Демо
Вы не можете просмотреть весь контент из-за этой коробки.
Диалог
Иконка
Кнопка с иконкой и связанным текстом
Кнопка с простой иконкой
Контейнер
Безымянный контейнер
Именованный контейнер
Заголовок первого уровня
Заголовок второго уровня
Заголовок третьего уровня
Заголовок четвёртого уровня
Заголовок пятого уровня
Заголовок шестого уровня
Разметка
Медиа
Код
блок к кодом
Таблица
| # | лево | центр | право |
|---|---|---|---|
| 1 | 👍🏻 | 🙂 | 👤 |
| 2 | 👍🏻 | 🤔 | 👥 |
| 3 | 👎🏻 | 🙁 | 👤 |
Список
Сортированный
- Сортированный пункт списка
- Сортированный пункт списка
- Сортированный пункт списка
Несортированный
- Несортированный пункт списка
- Несортированный пункт списка
- Несортированный пункт списка
Термины
- Description Term
- Description Definition
- Description Term
- Description Definition
- Description Term
- Description Definition
Микрокод
Mastodon
Telegram
PeerTube
YouTube
OpenStreetMap
Текст
Содержимое цитаты
Сноска1, источник, наклонный жирный текст, внутренняя ссылка, жирный текст, внешняя ссылка, встроенный код, внутренняя ссылка с заголовком, наклонный текст, внешняя ссылка с заголовком и зачёркнутый текст.
“Содержимое сноски” ↩︎