diff options
Diffstat (limited to 'assets/css/_vars.scss')
| -rw-r--r-- | assets/css/_vars.scss | 71 |
1 files changed, 8 insertions, 63 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 3a1fb28..2377b43 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
| @@ -73,33 +73,6 @@ $content--width: 42rem; | |||
| 73 | ), | 73 | ), |
| 74 | ), | 74 | ), |
| 75 | 75 | ||
| 76 | --themes: ( | ||
| 77 | --link: ( | ||
| 78 | --bg-hi: $gray1, | ||
| 79 | --bg: $gray2, | ||
| 80 | --bg-lo: $gray3, | ||
| 81 | |||
| 82 | --obj-hi: $gray4, | ||
| 83 | --obj: $gray5, | ||
| 84 | |||
| 85 | --fg-hi: $gray6, | ||
| 86 | --fg: $gray7, | ||
| 87 | --fg-lo: $gray7, | ||
| 88 | ), | ||
| 89 | --invert: ( | ||
| 90 | --bg-hi: $gray7, | ||
| 91 | --bg: $gray7, | ||
| 92 | --bg-lo: $gray7, | ||
| 93 | |||
| 94 | --obj-hi: $gray2, | ||
| 95 | --obj: $gray2, | ||
| 96 | |||
| 97 | --fg-hi: $gray1, | ||
| 98 | --fg: $gray0, | ||
| 99 | --fg-lo: $gray0, | ||
| 100 | ) | ||
| 101 | ), | ||
| 102 | |||
| 103 | --focus-ring: var(--colors--fg-lo), | 76 | --focus-ring: var(--colors--fg-lo), |
| 104 | 77 | ||
| 105 | --select: ( | 78 | --select: ( |
| @@ -111,7 +84,14 @@ $content--width: 42rem; | |||
| 111 | --link: ( | 84 | --link: ( |
| 112 | --idle: var(--colors--fg-lo), | 85 | --idle: var(--colors--fg-lo), |
| 113 | --colored: ( | 86 | --colored: ( |
| 114 | --idle: hsl(220, 100%, 80%), //hsl(var(--colors--accent--h), 100%, 66%), // | 87 | --idle-h: 220, |
| 88 | --idle-s: 100%, | ||
| 89 | --idle-l: 80%, | ||
| 90 | --idle: hsl( | ||
| 91 | var(--colors--link--colored--idle-h), | ||
| 92 | var(--colors--link--colored--idle-s), | ||
| 93 | var(--colors--link--colored--idle-l), | ||
| 94 | ), //hsl(var(--colors--accent--h), 100%, 66%), // | ||
| 115 | --visited: hsl(290, 35%, 72%), //hsl(var(--colors--accent--h), 50%, 66%), // | 95 | --visited: hsl(290, 35%, 72%), //hsl(var(--colors--accent--h), 50%, 66%), // |
| 116 | ) | 96 | ) |
| 117 | ), | 97 | ), |
| @@ -159,41 +139,6 @@ $content--width: 42rem; | |||
| 159 | ), | 139 | ), |
| 160 | ), | 140 | ), |
| 161 | 141 | ||
| 162 | --themes: ( | ||
| 163 | --link: ( | ||
| 164 | --bg-hi: hsl( | ||
| 165 | var(--colors--link--colored--idle-h), | ||
| 166 | var(--colors--link--colored--idle-s), | ||
| 167 | 98.8% | ||
| 168 | ), | ||
| 169 | --bg: var(--colors--themes--link--bg-hi), | ||
| 170 | --bg-lo: var(--colors--themes--link--bg-hi), | ||
| 171 | |||
| 172 | --obj-hi: hsl( | ||
| 173 | var(--colors--link--colored--idle-h), | ||
| 174 | calc(var(--colors--link--colored--idle-s) * .7), | ||
| 175 | calc(var(--colors--link--colored--idle-l) * 1.3) | ||
| 176 | ), | ||
| 177 | --obj: var(--colors--themes--link--obj-hi), | ||
| 178 | |||
| 179 | --fg-hi: var(--colors--themes--link--obj-hi), | ||
| 180 | --fg: var(--colors--link--colored--idle), | ||
| 181 | --fg-lo: var(--colors--themes--link--fg), | ||
| 182 | ), | ||
| 183 | --invert: ( | ||
| 184 | --bg-hi: $gray7, | ||
| 185 | --bg: $gray7, | ||
| 186 | --bg-lo: $gray7, | ||
| 187 | |||
| 188 | --obj-hi: $gray2, | ||
| 189 | --obj: $gray2, | ||
| 190 | |||
| 191 | --fg-hi: $gray1, | ||
| 192 | --fg: $gray0, | ||
| 193 | --fg-lo: $gray0, | ||
| 194 | ) | ||
| 195 | ), | ||
| 196 | |||
| 197 | --select: ( | 142 | --select: ( |
| 198 | --bg: rgba($gray7, .996), | 143 | --bg: rgba($gray7, .996), |
| 199 | --img-bg: rgba($gray7, .5), | 144 | --img-bg: rgba($gray7, .5), |