Шаблон:LinkCard/Сollapsible/styles.css: различия между версиями

м Замена текста — «--theme-bg-color-300» на «--theme-bg-color-250»
Нет описания правки
 
(не показано 12 промежуточных версий этого же участника)
Строка 1: Строка 1:
.link-card--сollapsible {
.link-card--сollapsible {
/* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-400) */
/* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-300) */
/* --alpha из стилей шаблона; по умолчанию: 90% */
/* --alpha из стилей шаблона; по умолчанию: 90% */
--background-color: color-mix(in srgb, var(--bg-color) var(--alpha), rgb(var(--theme-color-darkened--rgb)));
--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-medium);
     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(0, 0, 0, 0.13);
     background: rgba(var(--color-darkened--rgb), 0.13);
     padding: 4px 8px;
     padding: 4px 8px;
     font-size: 0.9em;
     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: 14px;
     font-size: var(--font-size-xs);
     background: #00000020;
     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;
    display: flex;
     padding: 5px;
    gap: 4px;
     padding: 6px;
     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: 2px solid var(--theme-bg-color-250);
     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;
}
}