Шаблон:LinkCard/Сollapsible/styles.css: различия между версиями
Pok (обсуждение | вклад) м Замена текста — «--theme-bg-color-200» на «--theme-bg-color-150» |
Pok (обсуждение | вклад) Нет описания правки |
||
| (не показано 13 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
.link-card--сollapsible { | .link-card--сollapsible { | ||
/* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color- | /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-300) */ | ||
/* --alpha из стилей шаблона; по умолчанию: 90% */ | /* --alpha из стилей шаблона; по умолчанию: 90% */ | ||
--background-color: color-mix(in srgb, var(--bg-color) var(--alpha), | --background-color: color-mix(in srgb, var(--bg-color) var(--alpha), var(--theme-bg-color-100)); | ||
display: flex; | display: flex; | ||
| Строка 9: | Строка 9: | ||
border: var(--border-outset); | border: var(--border-outset); | ||
border-radius: var(--border-radius-medium); | border-radius: var(--border-radius-medium); | ||
box-shadow: var(--box-shadow | box-shadow: var(--box-shadow); | ||
text-align: left; | text-align: left; | ||
} | } | ||
| Строка 15: | Строка 15: | ||
/* Название карточки */ | /* Название карточки */ | ||
.link-card--сollapsible .link-card--сollapsible__name { | .link-card--сollapsible .link-card--сollapsible__name { | ||
background: rgba( | background: rgba(var(--color-darkened--rgb), 0.13); | ||
padding: 4px 8px; | padding: 4px 8px; | ||
font-size: | font-size: var(--font-size-xs); | ||
font-weight: bold; | font-weight: bold; | ||
display: flex; | display: flex; | ||
| Строка 48: | Строка 48: | ||
.link-card--сollapsible__header > .mw-collapsible-toggle { | .link-card--сollapsible__header > .mw-collapsible-toggle { | ||
position: relative !important; | position: relative !important; | ||
font-size: | font-size: var(--font-size-xs); | ||
background: | background: rgba(var(--color-darkened--rgb), 0.13); | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Строка 67: | Строка 67: | ||
left: 0; | left: 0; | ||
right: 0; | right: 0; | ||
padding: 5px; | |||
padding: | |||
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low); | border-radius: 0 0 var(--border-radius-low) var(--border-radius-low); | ||
flex-direction: column; | flex-direction: column; | ||
border: | border: 1px solid var(--theme-bg-color-250); | ||
background-color: var(--theme-bg-color-150); | background-color: var(--theme-bg-color-150); | ||
box-shadow: var(--box-shadow-inset); | box-shadow: var(--box-shadow-inset); | ||
border-top: 0; | border-top: 0; | ||
z-index: 1; | |||
grid-column: 1 / -1; | grid-column: 1 / -1; | ||
} | |||
.link-card--сollapsible__content .link-card--сollapsible__content { | |||
max-height: unset !important; | |||
} | } | ||