diff options
author | Volpeon <git@volpeon.ink> | 2021-04-18 15:44:32 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-04-18 15:44:32 +0200 |
commit | 8c83a2ef92be845c5ffecb1434028d0c68915936 (patch) | |
tree | a18faff703a1deadb041dcc977208a4d6565dd85 /assets/css/_vars.scss | |
parent | Fetch pages of sections (diff) | |
download | volpeon.ink-8c83a2ef92be845c5ffecb1434028d0c68915936.tar.gz volpeon.ink-8c83a2ef92be845c5ffecb1434028d0c68915936.tar.bz2 volpeon.ink-8c83a2ef92be845c5ffecb1434028d0c68915936.zip |
Update
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); |