Блоки
Блок «Новости»
Версия:··
История версий
v1.1 — 24.03.2026
- H2: размер на 36px, цвет на #000000, line-height 38px
- Фон секции: с белого на #f2fee6 (светло-зелёный, как на реальном сайте)
Блок новостей с perm.oclinica.ru/lor — 4 карточки в ряд (дата + заголовок-ссылка), кнопка «Все новости».
Живой пример
Анатомия карточки новости
① Дата: DD.MM.YYYY · цвет #6b7280
② Заголовок-ссылка · #0089c3 · font-weight 500
Hover: bg #eef4d1 · shadow 0 0 16px #9e9e9a
Нет изображений, нет описания — только дата и заголовок. CSS-класс .bb-news-card обрабатывает hover.
LLMLLM-спецификация
Структура карточки новости
| Поле | Стиль | Значение |
|---|---|---|
| Дата | text-xs, #6b7280 | Формат DD.MM.YYYY |
| Заголовок | text-sm, font-weight 500, #0089c3 | Ссылка на новость |
| Hover фон | .bb-news-card:hover | #eef4d1 |
| Hover тень | .bb-news-card:hover | 0 0 16px 0 #9e9e9a |
Mock-данные (4 реальные новости с сайта)
| Дата | Заголовок |
|---|---|
| 20.12.2025 | Наша работа клиники и новогодние праздники |
| 11.08.2025 | СЕРВИС ОБНОВЛЕНИЕ: Обновление графика работы клиники |
| 12.06.2025 | СЕРВИС ОБНОВЛЕНИЕ: Временное изменение работы клиники 22.06.25 г. |
| 11.06.2025 | График работы клиники в ближайшие праздники |
Правила
✓4 карточки в ряд (grid-cols-4)
✓Дата сверху, заголовок-ссылка ниже
✓Hover: класс bb-news-card (bg #eef4d1)
✓Кнопка «Все новости» под сеткой (bb-btn-outline)
✕Не добавлять изображения в карточки
✕Не добавлять текст-анонс в карточку