Шаблон:GradientHeaderFrame/Sub/styles.css: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) м Замена текста — «--theme-bg-color-350» на «--theme-bg-color-300» |
||
| (не показано 5 промежуточных версий этого же участника) | |||
| Строка 3: | Строка 3: | ||
flex-direction: column; | flex-direction: column; | ||
border: 1px solid var(--theme-bg-color- | border: 1px solid var(--theme-bg-color-300); | ||
border-radius: | border-radius: var(--border-radius-medium); | ||
} | } | ||
.gradient-header-frame-sub__header { | .gradient-header-frame-sub__header { | ||
display: flex; | display: flex; | ||
align-items: center; | |||
justify-content: space-between; | justify-content: space-between; | ||
min-height: 32px; | |||
padding: 4px 10px; | |||
color: var(--theme-text-color-header); | color: var(--theme-text-color-header); | ||
font-size: | font-size: var(--font-size-l); | ||
font-family: | font-family: var(--font-family-heading); | ||
background: var(--theme-bg-header-light--gradient); | background: var(--theme-bg-header-light--gradient); | ||
text-align: left; | text-align: left; | ||
| Строка 21: | Строка 23: | ||
.gradient-header-frame-sub__content { | .gradient-header-frame-sub__content { | ||
box-shadow: var(--box-shadow-inset); | box-shadow: var(--box-shadow-inset); | ||
background: var(--theme-bg-color- | background: var(--theme-bg-color-150); | ||
flex-grow: 2; | flex-grow: 2; | ||
border-radius: 0 0 | border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium); | ||
} | } | ||
Текущая версия от 21:04, 20 июня 2025
.gradient-header-frame-sub {
display: flex;
flex-direction: column;
border: 1px solid var(--theme-bg-color-300);
border-radius: var(--border-radius-medium);
}
.gradient-header-frame-sub__header {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 32px;
padding: 4px 10px;
color: var(--theme-text-color-header);
font-size: var(--font-size-l);
font-family: var(--font-family-heading);
background: var(--theme-bg-header-light--gradient);
text-align: left;
}
.gradient-header-frame-sub__content {
box-shadow: var(--box-shadow-inset);
background: var(--theme-bg-color-150);
flex-grow: 2;
border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
}