Ширина колонки main
Единая шкала ширины основной колонки страницы (<main>): три размера — xl, l, m. Отдельно от оформления markdown-текста (класс md-content: списки, цитаты, картинки в теле и т.п.).
Зачем
Раньше ширина задавалась по-разному (main 1264, md-content 800, свои исключения). Одна шкала — понятно, какую колонку выбрать для раздела, без разрозненных max-width.
Размеры
| Размер | Ширина | Класс на <main> |
Типичное использование |
|---|---|---|---|
| xl | 1264px | по умолчанию (или main-xl) |
ленты и сетки карточек (/, /mu/, /art/) |
| l | 1024px | main-l |
шире текста, но уже xl — подборки /cinema/ |
| m | 800px | main-m |
статьи и заметки (вместе с md-content) |
Колонка по центру области контента; на узком экране занимает доступную ширину.
Сценарии
Страница со статьёй / markdown
Ожидаемый результат: на <main> стоят main-m и при необходимости md-content. Ширина колонки ~800px; типографика markdown как раньше.
Подборки кино (/cinema/)
Ожидаемый результат: main-l — колонка ~1024px (сетка постеров читается лучше, чем при 800).
Лента / сетка без узкой колонки
Ожидаемый результат: на <main> нет main-m / main-l — действует xl (~1264px).
Исключение: меню с таблицей картинок
Если в колонке main-m есть таблица меню с превью — колонка чуть шире (~900px), чтобы таблица не сжималась.