2206
редагувань
MediaWiki:Common.css: відмінності між версіями
UI Kit: компонент картки .k-card__* + .k-badge (ціль для .place-card/.service-card)
Admin (обговорення | внесок) (попап: ховати порожній .krai-fb-msg (прибрати зайвий відступ під кнопками)) |
Admin (обговорення | внесок) (UI Kit: компонент картки .k-card__* + .k-badge (ціль для .place-card/.service-card)) |
||
| Рядок 2128: | Рядок 2128: | ||
.k-label{font:var(--k-fw-medium) var(--k-fs-sm)/var(--k-lh-base) var(--k-font-sans);color:var(--k-text-secondary)} | .k-label{font:var(--k-fw-medium) var(--k-fs-sm)/var(--k-lh-base) var(--k-font-sans);color:var(--k-text-secondary)} | ||
.k-label span{font-weight:var(--k-fw-normal);color:var(--k-text-hint)} | .k-label span{font-weight:var(--k-fw-normal);color:var(--k-text-hint)} | ||
/* Картки (ціль міграції .place-card / .service-card) */ | |||
.k-card--media{padding:0;overflow:hidden} | |||
.k-card__img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--k-bg-subtle)} | |||
.k-card__body{padding:var(--k-space-4) var(--k-space-5) var(--k-space-5)} | |||
.k-card__title{margin:0 0 var(--k-space-2);font:var(--k-fw-bold) var(--k-fs-md)/var(--k-lh-tight) var(--k-font-sans);color:var(--k-ink)} | |||
.k-card__title a{color:inherit;text-decoration:none} | |||
.k-card__title a:hover{color:var(--k-accent)} | |||
.k-card__meta{margin:0 0 var(--k-space-2);font-size:var(--k-fs-sm);color:var(--k-text-muted)} | |||
.k-card__desc{font-size:var(--k-fs-base);line-height:var(--k-lh-base);color:var(--k-text-secondary)} | |||
.k-card__rows{display:flex;flex-direction:column;gap:var(--k-space-2);margin-top:var(--k-space-3)} | |||
.k-card__row{display:flex;align-items:center;gap:var(--k-space-2);font-size:var(--k-fs-sm);color:var(--k-text-secondary)} | |||
.k-card__row a{color:var(--k-accent);text-decoration:none} | |||
.k-card__price{font-weight:var(--k-fw-bold);color:var(--k-ink)} | |||
.k-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--k-radius-xs);font:var(--k-fw-medium) var(--k-fs-xs)/1.2 var(--k-font-sans);background:var(--k-bg-subtle);color:var(--k-text-secondary)} | |||
.k-badge--success{background:rgba(0,184,152,.14);color:#067a64} | |||
/* === /krai-uikit === */ | /* === /krai-uikit === */ | ||