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.scss40
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);