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

мНет описания правки
мНет описания правки
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
:root {
.сolored-frame-text {
     --perceived-lightness: calc( ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255 );
     --perceived-lightness: calc( ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255 );
     --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1));
     --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1));
Строка 13: Строка 13:
     display: block;
     display: block;
     padding: 6px 8px;
     padding: 6px 8px;
     border: 1px solid transparent;
     border-radius: var(--border-radius-high);
    border-radius: 0.5em;


     background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
     background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
     border-color: rgba(var(--label-r), var(--label-g), var(--label-b), var(--border-alpha));
     border: 1px solid rgba(var(--label-r), var(--label-g), var(--label-b), var(--border-alpha));
}
}


.сolored-frame-text__header {
.сolored-frame-text__header {
    font-size: 15px;
     font-weight: bold;
     font-weight: bold;
     font-family: "noto sans";
     font-family: var(--font-family-heading);
     margin-bottom: 4px;
     margin-bottom: 4px;
     color: rgba(var(--label-r-calc), var(--label-g-calc), var(--label-b-calc), 1);
     color: rgba(var(--label-r-calc), var(--label-g-calc), var(--label-b-calc), 1);
Строка 29: Строка 27:


.сolored-frame-text__content {
.сolored-frame-text__content {
     color: lightgray;
     color: var(--theme-text-color);
}
}