diff options
Diffstat (limited to 'assets/css/_vars.scss')
-rw-r--r-- | assets/css/_vars.scss | 62 |
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 | } |