diff options
Diffstat (limited to 'assets/css/_vars.scss')
-rw-r--r-- | assets/css/_vars.scss | 40 |
1 files changed, 20 insertions, 20 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 52723a3..2fd7b53 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
@@ -12,26 +12,26 @@ $unit-intervals: ( | |||
12 | '': 0 | 12 | '': 0 |
13 | ); | 13 | ); |
14 | 14 | ||
15 | $font-fam--text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; | 15 | $font-fam--text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; |
16 | $font-fam--large: 'Garet', $font-fam--text; | 16 | $font-fam--large: 'Garet', $font-fam--text; |
17 | $font-fam--mono: 'Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; | 17 | $font-fam--mono: 'Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; |
18 | $font-size: 16px; | 18 | $font-size: 16px; |
19 | $line-height: 1.7; | 19 | $line-height: 1.7; |
20 | $content--width: 42rem; | 20 | $content--width: 42rem; |
21 | $subcontent--indent: 2em; | ||
22 | 21 | ||
23 | $gray0: hsl(220, 0%, 6%); | 22 | $gray0: hsl(220, 7%, 6%); |
24 | $gray1: hsl(220, 0%, 9%); | 23 | $gray1: hsl(220, 7%, 9%); |
25 | $gray2: hsl(220, 0%, 15%); | 24 | $gray2: hsl(220, 7%, 15%); |
26 | $gray3: hsl(220, 0%, 20%); | 25 | $gray3: hsl(220, 7%, 20%); |
27 | $gray4: hsl(220, 0%, 33%); | 26 | $gray4: hsl(220, 7%, 33%); |
28 | $gray5: hsl(220, 0%, 54%); | 27 | $gray5: hsl(220, 7%, 54%); |
29 | $gray6: hsl(220, 0%, 73%); | 28 | $gray6: hsl(220, 7%, 73%); |
30 | $gray7: hsl(220, 0%, 100%); | 29 | $gray7: hsl(220, 7%, 100%); |
31 | 30 | ||
32 | @include store(( | 31 | @include store(( |
33 | --dims: ( | 32 | --dims: ( |
34 | --outer: 4rem, | 33 | --outer: 4rem, |
34 | --indent: 2rem, | ||
35 | ), | 35 | ), |
36 | --colors: ( | 36 | --colors: ( |
37 | --bg-hi: $gray0, // Darker background | 37 | --bg-hi: $gray0, // Darker background |
@@ -57,6 +57,10 @@ $gray7: hsl(220, 0%, 100%); | |||
57 | --img-bg: hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .5), | 57 | --img-bg: hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .5), |
58 | --fg: var(--colors--bg-hi), | 58 | --fg: var(--colors--bg-hi), |
59 | ), | 59 | ), |
60 | |||
61 | --link: ( | ||
62 | --idle: var(--colors--fg-lo) | ||
63 | ) | ||
60 | ) | 64 | ) |
61 | )); | 65 | )); |
62 | 66 | ||
@@ -81,10 +85,6 @@ $gray7: hsl(220, 0%, 100%); | |||
81 | 85 | ||
82 | --code-block--fg: var(--colors--fg-hi); | 86 | --code-block--fg: var(--colors--fg-hi); |
83 | 87 | ||
84 | --link--idle--fg: var(--colors--fg-lo); | ||
85 | --link--hover--bg: var(--link--idle--fg); | ||
86 | --link--hover--fg: #000; | ||
87 | |||
88 | --page--link--idle--fg: var(--link--idle--fg); // hsl(45, 100%, 70%); // hsl(215, 100%, 80%); // var(--link--idle--fg); // #ffd866; | 88 | --page--link--idle--fg: var(--link--idle--fg); // hsl(45, 100%, 70%); // hsl(215, 100%, 80%); // var(--link--idle--fg); // #ffd866; |
89 | --page--link--visited--fg: var(--colors--fg); // hsl(23, 89%, 65%); // hsl(260, 58%, 78%); // var(--fg-lo); // #f59458; | 89 | --page--link--visited--fg: var(--colors--fg); // hsl(23, 89%, 65%); // hsl(260, 58%, 78%); // var(--fg-lo); // #f59458; |
90 | --page--link--hover--bg: var(--page--link--idle--fg); | 90 | --page--link--hover--bg: var(--page--link--idle--fg); |