Ремонт: техника — авто-группировка карточек по типу + перенос строк в названии
All checks were successful
Deploy Remont Site / deploy (push) Successful in 19s

- inline() поддерживает <br> в тексте заметки (было видно литеральным)
- карточки: «Модель<br>описание» → модель жирным + приглушённое описание
- колонка «Тип/Категория/Техника» → карточки группируются по типу с подзаголовками
  (пустая ячейка типа наследует значение сверху)
- таблица «Варианты техники» переведена в формат Тип|Название|Цена|Ссылка|Фото
- README: описан формат таблицы техники

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KjyzuPoH9T5k3oCbKEEazy
This commit is contained in:
Cosmo
2026-07-16 10:08:35 +00:00
parent b355119e8e
commit c2f65b2ea1
4 changed files with 58 additions and 15 deletions

View File

@@ -280,6 +280,7 @@ a.rooms-link:hover .room-name { color: var(--sage-deep); }
.opt__body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.opt__no { font-size: 12px; letter-spacing: .12em; color: var(--sage-deep); font-weight: 600; }
.opt__name { font-family: var(--ff-display); font-size: 20px; line-height: 1.15; }
.opt__desc { font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); margin-top: 2px; }
.opt__price { font-family: var(--ff-display); font-size: 28px; margin-top: 8px; }
.opt__price span { font-size: 15px; color: var(--ink-soft); }
.opt__link {
@@ -288,6 +289,15 @@ a.rooms-link:hover .room-name { color: var(--sage-deep); }
}
.opt__link svg { width: 15px; height: 15px; transition: transform .2s; }
.opt__link:hover svg { transform: translate(2px,-2px); }
/* группа карточек по типу (техника) */
.opt-group { margin-top: 34px; }
.opt-group:first-child { margin-top: 0; }
.opt-group__title {
display: flex; align-items: baseline; gap: 12px; margin: 0 0 16px;
font-family: var(--ff-display); font-size: 21px; letter-spacing: -.01em;
}
.opt-group__title span { font-size: 12px; letter-spacing: .06em; color: var(--ink-soft); font-weight: 400; }
.opt-group__title::after { content: ""; flex: 1; height: 1px; background: var(--line); align-self: center; }
@media (max-width: 860px) { .options { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .options { grid-template-columns: 1fr; } }