24 lines
893 B
SCSS
24 lines
893 B
SCSS
/* color palette */
|
|
:root {
|
|
--clr-sebin-red: oklch(57.67% 0.161 32.69);
|
|
--clr-sebin-yellow: oklch(78.43% 0.126 68.88);
|
|
--clr-sebin-blue-dark: oklch(49.29% 0.08 265.23);
|
|
--clr-sebin-blue-light: oklch(61.56% 0.098 263.47);
|
|
--clr-sebin-green: oklch(71.11% 0.229 141.29);
|
|
--clr-sebin-black: oklch(35.57% 0.01 17.62);
|
|
--clr-sebin-brown: oklch(45.81% 0.083 32.71);
|
|
|
|
--clr-page-black: oklch(21.78% 0 0);
|
|
--clr-page-black-clear: oklch(21.78% 0 0 / 50%);
|
|
--clr-page-black-light: oklch(32.11% 0 0);
|
|
--clr-page-black-light-clear: oklch(32.11% 0 0 / 75%);
|
|
}
|
|
|
|
/* semantic color variables for this project */
|
|
:root {
|
|
--page-heading-font: 'Righteous', sans-serif;
|
|
--page-copy-font: 'Work Sans', sans-serif;
|
|
--page-transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
|
--page-transform: translateY(5em);
|
|
--page-padding: clamp(1em, 2vw, 1.5em);
|
|
}
|