diff --git a/sass/_variables.scss b/sass/_variables.scss index 7579a07..2559ae2 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -19,16 +19,19 @@ // VARIABLES --active: 0.9; + --bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), + var(--primary-color); --bg-color-l: linear-gradient( rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8) ), var(--primary-color); - --bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), - var(--primary-color); --content-width: 720px; - --drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) - drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); + --font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, + Consolas, "DejaVu Sans Mono", monospace; + --font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", + "Sitka Small", serif; + --font-system: system-ui, sans-serif; --rounded-corner-small: 8px; --rounded-corner: 12px; --shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06), @@ -39,11 +42,6 @@ --transition-long: 800ms; --transition-longer: 400ms; --transition: 200ms; - --font-system: system-ui, sans-serif; - --font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, - Consolas, "DejaVu Sans Mono", monospace; - --font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", - "Sitka Small", serif; } @media (prefers-color-scheme: dark) {