Шаблон:FlatCardWithHeader/styles.css: различия между версиями
Pok (обсуждение | вклад) Нет описания правки |
Pok (обсуждение | вклад) Нет описания правки |
||
| (не показаны 3 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
.flat-card-with-header { | .flat-card-with-header { | ||
box-shadow: var(--box-shadow); | box-shadow: var(--box-shadow); | ||
display: | display: flex; | ||
flex-direction: column; | |||
gap: 4px; | gap: 4px; | ||
border: 2px solid var(--theme-bg-color-300); | border: 2px solid var(--theme-bg-color-300); | ||
| Строка 7: | Строка 8: | ||
border-radius: var(--border-radius-low); | border-radius: var(--border-radius-low); | ||
padding: 0.2em; | padding: 0.2em; | ||
--color-mix: color-mix(in srgb, var(--theme-bg-color-100) 80%, var(--theme-bg-color-base)); | |||
background: var(--color-mix); | |||
} | } | ||
| Строка 16: | Строка 18: | ||
text-align: left; | text-align: left; | ||
padding: 3px; | padding: 3px; | ||
border-radius: var(--border-radius- | border-radius: var(--border-radius-low); | ||
overflow-wrap: anywhere; | overflow-wrap: anywhere; | ||
min-height: | min-height: 28px; | ||
border-bottom: 2px solid var(--color-darkened-border); | border-bottom: 2px solid var(--color-darkened-border); | ||
background: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */ | background: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */ | ||
| Строка 34: | Строка 36: | ||
background-color: var(--theme-bg-color-150); | background-color: var(--theme-bg-color-150); | ||
border-radius: var(--border-radius-low); | border-radius: var(--border-radius-low); | ||
flex-grow: 2; | |||
} | } | ||