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

мНет описания правки
Нет описания правки
Строка 1: Строка 1:
.flat-card-with-header {
.flat-card-with-header {
--bg-color--hsl: hsl(var(--theme-bg--hsl), 50%, 0.05);
    box-shadow: var(--box-shadow);
background: var(--bg-color--hsl);
    display: grid;
box-shadow: var(--box-shadow);
    gap: 4px;
border-radius: var(--border-radius-high);
    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;
    background: var(--theme-bg-color-100);
}
}


.flat-card-with-header__header {
.flat-card-with-header__header {
display: flex;
    display: flex;
align-items: center;
    align-items: center;
font-family: var(--font-family-heading);
    font-family: "noto sans";
background: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-250) */
    text-align: left;
text-align: left;
    padding: 3px;
padding: 4px;
    border-radius: var(--border-radius-medium);
border: 1px solid var(--color-lighter-alpha-x);
    overflow-wrap: anywhere;
border-bottom: 3px solid var(--color-darkened-border);
    min-height: 32px;
border-radius: var(--border-radius-high);
    border-bottom: 2px solid var(--color-darkened-border);
min-height: 28px;
    background: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
   
gap: 2px;
gap: 2px;
}
}
Строка 27: Строка 32:


.flat-card-with-header__content {
.flat-card-with-header__content {
    background-color: var(--theme-bg-color-150);
    border-radius: var(--border-radius-low);
}
}