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 | } |
