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

мНет описания правки
м Замена текста — «--theme-bg-color-350» на «--theme-bg-color-300»
 
(не показано 6 промежуточных версий этого же участника)
Строка 1: Строка 1:
.modern-frame {
.modern-frame {
--c-m-bg: color-mix(in srgb, var(--bg-color) var(--alpha), rgb(var(--theme-color-darkened--rgb)));
/* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-300) */
/* --alpha из стилей шаблона; по умолчанию: 30% */
--c-m-bg: color-mix(in srgb, var(--bg-color) var(--alpha), var(--theme-bg-color-100));
--c-m-border: color-mix(in srgb, var(--bg-color) 80%, transparent);
--c-m-border: color-mix(in srgb, var(--bg-color) 80%, transparent);
Строка 16: Строка 18:
     padding: 2px 8px;
     padding: 2px 8px;
     color: var(--theme-text-color-header);
     color: var(--theme-text-color-header);
     font-size: 15px;
     font-family: var(--font-family-heading);
    font-family: "Noto Sans", sans-serif;
     border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
     border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
     border-top: 2px solid rgba(var(--color-lighter--rgb), 0.07);
     border-top: 2px solid var(--color-lighter-alpha-x);
     border-bottom: 3px solid var(--color-darkened-border);
     border-bottom: 3px solid var(--color-darkened-border);
}
}
Строка 28: Строка 29:
     border: 2px solid var(--c-m-border);
     border: 2px solid var(--c-m-border);
     background: var(--c-m-bg);
     background: var(--c-m-bg);
    flex-grow: 2;
}
}