diff options
Diffstat (limited to 'assets/css/_vars.scss')
| -rw-r--r-- | assets/css/_vars.scss | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 9b5fe86..71dc5d2 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
| @@ -23,27 +23,29 @@ $subcontent--indent: 2em; | |||
| 23 | $gray0: hsl(220, 0%, 6%); | 23 | $gray0: hsl(220, 0%, 6%); |
| 24 | $gray1: hsl(220, 0%, 9%); | 24 | $gray1: hsl(220, 0%, 9%); |
| 25 | $gray2: hsl(220, 0%, 15%); | 25 | $gray2: hsl(220, 0%, 15%); |
| 26 | $gray3: hsl(220, 0%, 29%); | 26 | $gray3: hsl(220, 0%, 20%); |
| 27 | $gray4: hsl(220, 0%, 54%); | 27 | $gray4: hsl(220, 0%, 33%); |
| 28 | $gray5: hsl(220, 0%, 73%); | 28 | $gray5: hsl(220, 0%, 54%); |
| 29 | $gray6: hsl(220, 0%, 100%); | 29 | $gray6: hsl(220, 0%, 73%); |
| 30 | $gray7: hsl(220, 0%, 100%); | ||
| 30 | 31 | ||
| 31 | @include store(( | 32 | @include store(( |
| 32 | --dims: ( | 33 | --dims: ( |
| 33 | --outer: 4rem, | 34 | --outer: 4rem, |
| 34 | --outer-spacing: 2rem, | 35 | --outer-spacing: 1.7rem, |
| 35 | --spacing-y: 3rem, | 36 | --spacing-y: 4rem, |
| 36 | ), | 37 | ), |
| 37 | --colors: ( | 38 | --colors: ( |
| 38 | --bg-hi: $gray0, // Darker background | 39 | --bg-hi: $gray0, // Darker background |
| 39 | --bg: $gray1, // Background | 40 | --bg: $gray1, // Background |
| 40 | --bg-lo: $gray2, // Lighter background | 41 | --bg-lo: $gray2, // Lighter background |
| 41 | 42 | ||
| 42 | --obj: $gray3, | 43 | --obj-hi: $gray3, |
| 44 | --obj: $gray4, | ||
| 43 | 45 | ||
| 44 | --fg-hi: $gray4, // Faint text | 46 | --fg-hi: $gray5, // Faint text |
| 45 | --fg: $gray5, // Text | 47 | --fg: $gray6, // Text |
| 46 | --fg-lo: $gray6, // Strong text | 48 | --fg-lo: $gray7, // Strong text |
| 47 | 49 | ||
| 48 | --accent: ( | 50 | --accent: ( |
| 49 | --h: 354, | 51 | --h: 354, |
| @@ -68,11 +70,11 @@ $gray6: hsl(220, 0%, 100%); | |||
| 68 | } | 70 | } |
| 69 | } | 71 | } |
| 70 | 72 | ||
| 71 | @include store(( | 73 | /* @include store(( |
| 72 | --dims: ( | 74 | --dims: ( |
| 73 | --outer: 4rem, | 75 | --outer: 3.5rem, |
| 74 | ), | 76 | ), |
| 75 | ), 'sm'); | 77 | ), 'sm'); */ |
| 76 | 78 | ||
| 77 | :root { | 79 | :root { |
| 78 | --heading--fg: var(--colors--fg-lo); | 80 | --heading--fg: var(--colors--fg-lo); |
