44 lines
1019 B
SCSS
44 lines
1019 B
SCSS
:root {
|
|
color-scheme: light dark;
|
|
|
|
--black-ish: #222;
|
|
--white-ish: #F1FAEE;
|
|
--dark-grey: #555;
|
|
--light-grey: #AAA;
|
|
--yellow: #FCC920;
|
|
--dark-yellow: #D0A00E;
|
|
--light-blue: #A8DADC;
|
|
--blue: #1D3557;
|
|
--red: #E63946;
|
|
--green: #20CE88;
|
|
--razzmatazz: #EC0868;
|
|
--purple: #592176;
|
|
|
|
--invert: grayscale(.5) invert(.9) brightness(.95) hue-rotate(180deg);
|
|
--invert-dark: grayscale(.1) invert(1) brightness(1.1) hue-rotate(180deg);
|
|
|
|
--font-sans: Inter, -apple-system, 'Helvetica Neue', 'Nimbus Sans', Arial, system-ui, sans-serif;
|
|
--font-serif: 'EB Garamond', Garamond, 'Simoncini Garamond', 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
|
|
--font-mono: 'Ubuntu Mono', ui-monospace, monospace;
|
|
}
|
|
|
|
$tiny: .2rem;
|
|
$small: .5rem;
|
|
$regular-less: 1rem;
|
|
$regular: 1.1rem;
|
|
$regular-more: 1.3rem;
|
|
$big: 1.6rem;
|
|
$bigger: 1.8rem;
|
|
$twice: 2.2rem;
|
|
$height: 3.1rem;
|
|
$mega: 4rem;
|
|
|
|
$radius-s: .4rem;
|
|
$radius-m: .6rem;
|
|
$radius-l: 1rem;
|
|
|
|
$border: 5px;
|
|
|
|
$trans: .5s ease-out;
|
|
$trans-quick: .1s ease-in-out;
|