Space Station 14 Вики

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

Интерактивная навигация по истории
← Предыдущая правка
м Замена текста — «--theme-bg-color-250» на «--theme-bg-color-200»
Нет описания правки
 
(не показано 5 промежуточных версий этого же участника)
Строка 1: Строка 1:
.flat-card-with-header--сollapsible {
.flat-card-with-header--сollapsible {
     position: relative;
     box-shadow: var(--box-shadow);
background: rgba(var(--theme-color-lighter--rgb), 0.025);
box-shadow: var(--box-shadow);
border-radius: var(--border-radius-high);
 
     display: grid;
     display: grid;
    gap: 4px;
    border: 2px solid var(--theme-bg-color-300);
    border-top: 2px solid var(--theme-border-color-base);
    border-radius: var(--border-radius-low);
    padding: 0.2em;
    --color-mix: color-mix(in srgb, var(--theme-bg-color-100) 80%, var(--theme-bg-color-base));
    background: var(--color-mix);
}
}


Строка 14: Строка 17:
     text-align: left;
     text-align: left;
     padding: 3px;
     padding: 3px;
border: 1px solid rgba(var(--color-lighter--rgb), 0.07);
     border-radius: var(--border-radius-low);
border-bottom: 3px solid var(--color-darkened-border);
    min-height: 36px;
     border-radius: var(--border-radius-high);
     overflow-wrap: anywhere;
     overflow-wrap: anywhere;
background: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
    min-height: 32px;
    border-bottom: 2px solid var(--color-darkened-border);
    background: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
      
      
     grid-row: 1;
     grid-row: 1;
Строка 26: Строка 28:


.flat-card-with-header--сollapsible__header-img {
.flat-card-with-header--сollapsible__header-img {
background: rgba(var(--color-darkened--rgb), var(--alpha-xs));
background: rgba(0, 0, 0, var(--alpha-xs));
padding: 2px;
padding: 2px;
border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);
Строка 32: Строка 34:


.flat-card-with-header--сollapsible__content {
.flat-card-with-header--сollapsible__content {
     grid-column: 1 / 3;
     background-color: var(--theme-bg-color-150);
    border-radius: var(--border-radius-low);
   
grid-column: 1 / 3;
     grid-row: 2;
     grid-row: 2;
}
}
Источник — https://station14.ru/wiki/Шаблон:FlatCardWithHeader/Сollapsible/styles.css