abdullahtarawneh.com/assets/scss/base/variables.scss
a 2247ee2776 June 2024 redesign (#1)
still missing some things but they were missing before anyway. so it's probably better to just push and deploy already.

Reviewed-on: #1
2024-06-03 23:22:36 +00:00

31 lines
No EOL
828 B
SCSS

$max-container-width: 1600px;
:root {
--max-container-width: #{$max-container-width};
--color-background: hsl(210, 100%, 90%);
--color-text: hsl(210, 100%, 15%);
--color-text-muted: hsl(210, 50%, 45%);
--color-highlight: hsl(210, 80%, 40%);
--color-highlight-weak: hsl(210, 80%, 80%);
--color-accent: hsl(150, 50%, 50%);
--color-card-background: hsl(210, 100%, 95%);
--color-card-text: var(--color-text);
--color-button-background: var(--color-highlight);
--color-button-text: white;
--color-button-hover-background: var(--color-highlight-weak);
--color-button-hover-text: var(--color-text);
--color-link: hsl(210, 100%, 50%);
--color-link-visited: hsl(270, 50%, 50%);
--transition-duration: 0.4s;
}
body {
background-color: var(--color-background);
color: var(--color-text);
font-family: sans-serif;
}