2206
редагувань
MediaWiki:Common.css: відмінності між версіями
CSS для service cards (грід 2 в ряд, hover, контакти)
Admin (обговорення | внесок) (hide Інструменти dropdown у hero toolbar) |
Admin (обговорення | внесок) (CSS для service cards (грід 2 в ряд, hover, контакти)) |
||
| Рядок 358: | Рядок 358: | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* === Service cards (грід для Послуг — клінінг, переклад, доставка тощо) === */ | |||
.services-grid { | |||
display: grid; | |||
grid-template-columns: repeat(2, 1fr); | |||
gap: 18px; | |||
margin: 16px 0; | |||
} | |||
@media (max-width: 640px) { | |||
.services-grid { grid-template-columns: 1fr; } | |||
} | |||
.service-card { | |||
display: flex; | |||
flex-direction: column; | |||
background: #fff; | |||
border: 1px solid #eef1f6; | |||
border-radius: 14px; | |||
overflow: hidden; | |||
box-shadow: 0 1px 2px rgba(0,0,0,.03), 0 1px 8px rgba(0,0,0,.04); | |||
transition: transform .15s ease, box-shadow .15s ease; | |||
} | |||
.service-card:hover { | |||
transform: translateY(-2px); | |||
box-shadow: 0 2px 4px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.08); | |||
} | |||
.service-card__body { padding: 16px 20px 18px; } | |||
.service-card__title { | |||
font-size: 17px; | |||
font-weight: 700; | |||
margin: 0 0 8px; | |||
line-height: 1.25; | |||
} | |||
.service-card__title a { color: #111827; text-decoration: none; } | |||
.service-card__title a:hover { color: #2a6df4; } | |||
.service-card__desc { | |||
font-size: 14px; | |||
line-height: 1.5; | |||
color: #374151; | |||
margin-bottom: 12px; | |||
} | |||
.service-card__meta { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 4px; | |||
font-size: 13px; | |||
color: #4b5563; | |||
border-top: 1px solid #f3f4f6; | |||
padding-top: 10px; | |||
} | |||
.service-card__row { line-height: 1.5; } | |||
.service-card__row a { color: #2a6df4; text-decoration: none; } | |||
.service-card__row a:hover { text-decoration: underline; } | |||