summaryrefslogtreecommitdiffstats
path: root/assets/css/_vars.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/_vars.scss')
-rw-r--r--assets/css/_vars.scss28
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);