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.scss62
1 files changed, 31 insertions, 31 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 96e56c6..9cd4b24 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -24,45 +24,45 @@ $page--item-prefix--pad: 2ch;
24$page--item-prefix--width: $page--item-prefix--max-chars + $page--item-prefix--pad; 24$page--item-prefix--width: $page--item-prefix--max-chars + $page--item-prefix--pad;
25 25
26$breakpoints: ( 26$breakpoints: (
27 xs: 380px, 27 xs: 380px,
28 sm: 700px, 28 sm: 700px,
29); 29);
30 30
31:root { 31:root {
32 --gray0: hsl(270, 0%, 7%); 32 --gray0: hsl(270, 0%, 7%);
33 --gray1: hsl(270, 0%, 10%); 33 --gray1: hsl(270, 0%, 10%);
34 --gray2: hsl(270, 1%, 29%); 34 --gray2: hsl(270, 1%, 29%);
35 --gray3: hsl(270, 2%, 54%); 35 --gray3: hsl(270, 2%, 54%);
36 --gray4: hsl(270, 2%, 73%); 36 --gray4: hsl(270, 2%, 73%);
37 --gray5: hsl(270, 2%, 83%); 37 --gray5: hsl(270, 2%, 83%);
38 --gray6: hsl(270, 2%, 100%); 38 --gray6: hsl(270, 2%, 100%);
39 39
40 --bg-minus: var(--gray0); 40 --bg-minus: var(--gray0);
41 --bg: var(--gray1); 41 --bg: var(--gray1);
42 --bg-plus: var(--gray2); 42 --bg-plus: var(--gray2);
43 --fg-minus: var(--gray3); 43 --fg-minus: var(--gray3);
44 --fg: var(--gray4); 44 --fg: var(--gray4);
45 --fg-plus: var(--gray5); 45 --fg-plus: var(--gray5);
46 --fg-plus-2: var(--gray6); 46 --fg-plus-2: var(--gray6);
47 47
48 --heading--fg: var(--fg-plus-2); 48 --heading--fg: var(--fg-plus-2);
49 49
50 --select--bg: hsla(270, 2%, 100%, 0.996); 50 --select--bg: hsla(270, 2%, 100%, .996);
51 --select--fg: var(--bg-minus); 51 --select--fg: var(--bg-minus);
52 52
53 --code--fg: var(--fg-minus); 53 --code--fg: var(--fg-minus);
54 --code-block--fg: var(--fg-minus); 54 --code-block--fg: var(--fg-minus);
55 55
56 --page--item-prefix--fg: var(--fg-minus); 56 --page--item-prefix--fg: var(--fg-minus);
57 57
58 --link--idle--fg: var(--fg-plus-2); //#90acf2; 58 --link--idle--fg: var(--fg-plus-2); //#90acf2;
59 --link--visited--fg: var(--fg-plus); //#bc9df2; 59 --link--visited--fg: var(--fg-plus); //#bc9df2;
60 --link--hover--bg: var(--fg-plus-2); 60 --link--hover--bg: var(--fg-plus-2);
61 --link--hover--fg: var(--bg-minus); 61 --link--hover--fg: var(--bg-minus);
62 62
63 --nav--bg: var(--bg-minus); 63 --nav--bg: var(--bg-minus);
64 --nav--logo--fg: var(--fg-minus); 64 --nav--logo--fg: var(--fg-minus);
65 --nav--item--idle--fg: var(--fg); 65 --nav--item--idle--fg: var(--fg);
66 --nav--item--hover--fg: var(--fg-plus-2); 66 --nav--item--hover--fg: var(--fg-plus-2);
67 --nav--item--active--fg: var(--fg-plus-2); 67 --nav--item--active--fg: var(--fg-plus-2);
68} 68}