- add lucide svelte icon library - add footer section to data.json - add footer types - add css variables - update header position mobile
31 lines
784 B
CSS
31 lines
784 B
CSS
:root {
|
|
--color-body-background: oklch(0.21 0.034 264.665);
|
|
--color-footer-background: oklch(0.13 0.028 261.692);
|
|
|
|
--color-header-border: oklab(0.623 -0.0378409 -0.210628 / 0.3);
|
|
--color-dark-blue: oklab(0.21 -0.00316128 -0.0338527 / 0.95);
|
|
|
|
--color-text-primary: oklch(0.872 0.01 258.338);
|
|
--color-text-secondary: oklch(0.551 0.027 264.364);
|
|
|
|
--color-accent-primary: oklch(70.7% 0.165 254.624);
|
|
--color-accent-secondary:oklch(0.585 0.233 277.117);
|
|
|
|
--z-index-header: 50;
|
|
}
|
|
|
|
:root {
|
|
font-size: 16px;
|
|
color: var(--color-text-primary);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body {
|
|
position: relative;
|
|
margin: unset;
|
|
background-color: var(--color-body-background);
|
|
font-family: 'AdwaitaSans', 'AdwaitaMono', sans-serif;
|
|
} |