Шаблон:LinkCard/Сollapsible/styles.css: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) Нет описания правки |
||
| (не показано 7 промежуточных версий этого же участника) | |||
| Строка 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), var(--theme-bg-color-100)); | --background-color: color-mix(in srgb, var(--bg-color) var(--alpha), var(--theme-bg-color-100)); | ||
| Строка 17: | Строка 17: | ||
background: rgba(var(--color-darkened--rgb), 0.13); | background: rgba(var(--color-darkened--rgb), 0.13); | ||
padding: 4px 8px; | padding: 4px 8px; | ||
font-size: var(--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: var(--font-size- | font-size: var(--font-size-xs); | ||
background: rgba(var(--color-darkened--rgb), 0.13); | background: rgba(var(--color-darkened--rgb), 0.13); | ||
display: flex; | display: flex; | ||
| Строка 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; | |||
} | } | ||