Ремонт: техника — авто-группировка карточек по типу + перенос строк в названии
All checks were successful
Deploy Remont Site / deploy (push) Successful in 19s
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:
@@ -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; } }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user