55 lines
1.3 KiB
CSS
55 lines
1.3 KiB
CSS
:root {
|
|
--border: 1px solid #000;
|
|
|
|
--font-size-s: 1rem;
|
|
--font-size-m: 1.25rem;
|
|
|
|
--font-size-h5: 1.5625rem;
|
|
--font-size-h4: 1.5625rem;
|
|
--font-size-h3: 1.5625rem;
|
|
--font-size-h2: 1.875rem;
|
|
--font-size-h1: 2.8125rem;
|
|
--font-size-xl: 3.75rem;
|
|
--font-size-xxl: 4.5rem;
|
|
|
|
--shift-large: 7vw;
|
|
--shift-medium: calc(var(--shift-large) / 2);
|
|
--shift-small: calc(var(--shift-medium) / 2);
|
|
|
|
--curve-quick-slow: cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
|
--curve-quick: cubic-bezier(0.23, 1, 0.32, 1);
|
|
--padding-vertical: 2rem;
|
|
--space-m: 4vw;
|
|
|
|
--color-pink: #ed268f;
|
|
--color-pink-light: #ffa199;
|
|
--color-salmon: #ff4f4b;
|
|
--color-purple: #9e00ff;
|
|
--color-purple-light: #f066ff;
|
|
--color-yellow: #faff82;
|
|
--color-yellow-fluo: #d6ff00;
|
|
--color-orange: #ff5c00;
|
|
--color-red: #ff3300;
|
|
--color-duck: #2e8799;
|
|
--color-blue: #009eff;
|
|
--color-blue-light: #abf1ff;
|
|
--color-grey: #c4c9cc;
|
|
--color-green: #00b477;
|
|
--color-mint: #45e6ba;
|
|
--color-brown: #a59478;
|
|
--color-brown-light: #d6cfbe;
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
:root {
|
|
--font-size-xl: 2.5rem;
|
|
--font-size-h1: 1.875rem;
|
|
--font-size-h2: 1.5625rem;
|
|
--font-size-h3: 1.25rem;
|
|
--font-size-h4: 1.25rem;
|
|
--font-size-h5: 1.25rem;
|
|
--font-size-m: 0.9375rem;
|
|
|
|
--padding-vertical: 1rem;
|
|
}
|
|
}
|