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