Нет описания правки |
Нет описания правки Метка: отменено |
||
Строка 47: | Строка 47: | ||
.home-link__button a { | .home-link__button a { | ||
color: #fff !important; | color: #fff !important; | ||
} | |||
@media (min-width: 640px) { | |||
.mobile { | |||
display: none; | |||
} | |||
} | |||
@media (max-width: 640px) { | |||
.nomobile { | |||
display: none; | |||
} | |||
} | } |
Версия от 18:48, 6 марта 2024
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
html {
--header-size: 3.5rem;
--header-card-maxheight: 70vh;
--width-layout: 1080px;
--width-layout--extended: calc(var(--width-layout) * 1.5);
--width-toc: 240px;
--line-height: 1.6;
--line-height-xs: 1.25;
--line-height-sm: 1.375;
--space-unit: 1rem;
--space-xxs: calc(0.25 * var(--space-unit));
--space-xs: calc(0.5 * var(--space-unit));
--space-sm: calc(0.75 * var(--space-unit));
--space-md: var(--space-unit);
--space-lg: calc(1.25 * var(--space-unit));
--space-xl: calc(1.5 * var(--space-unit));
--space-xxl: calc(2 * var(--space-unit));
--margin-layout: calc((100vw - var(--width-layout)) / 2);
--padding-page: 16px;
}
@media screen {
:root.skin-citizen-dark {
--color-primary__l: 60%;
--color-surface-0: hsl(205,20%,10%);
--color-surface-1: hsl(205,25%,12%);
--color-surface-2: hsl(205,25%,15%);
--color-surface-3: hsl(205,15%,20%);
--color-surface-4: hsl(205,15%,25%);
--color-base--emphasized: hsl(205,80%,95%);
--color-base: hsl(205,25%,80%);
--color-base--subtle: hsl(205,25%,65%);
--background-color-primary--hover: hsl(205,60%,15%);
--background-color-primary--active: hsl(205,60%,20%);
--background-color-overlay: hsla(205,20%,10%,0.95);
--background-color-overlay--lighter: hsla(205,20%,10%,0.6);
--color-surface-2--hover: hsl(205,30%,19%);
--color-surface-2--active: hsl(205,30%,11%);
--surface-shadow: 205,50%,3%;
--shadow-strength: 0.8;
--filter-invert: invert(1) hue-rotate(180deg);
--font-grade: -25;
}
.home-link__button a {
color: #fff !important;
}
@media (min-width: 640px) {
.mobile {
display: none;
}
}
@media (max-width: 640px) {
.nomobile {
display: none;
}
}