diff options
author | Volpeon <git@volpeon.ink> | 2021-06-14 19:10:05 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-06-14 19:10:05 +0200 |
commit | 8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da (patch) | |
tree | f921fe76fc3acec99a3e1f628399b1ea1cc8ba6b /assets/css/_vars.scss | |
parent | Restructured some variables (diff) | |
download | volpeon.ink-8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da.tar.gz volpeon.ink-8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da.tar.bz2 volpeon.ink-8ecde1a5d790ea6c8ac653ca197fb0ec9013e7da.zip |
Simplified card component code
Diffstat (limited to 'assets/css/_vars.scss')
-rw-r--r-- | assets/css/_vars.scss | 29 |
1 files changed, 22 insertions, 7 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 832c410..d650842 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
@@ -133,12 +133,27 @@ $content--width: 42rem; | |||
133 | $gray6: hsl(220, 7%, 16%); | 133 | $gray6: hsl(220, 7%, 16%); |
134 | $gray7: hsl(220, 7%, 0%); | 134 | $gray7: hsl(220, 7%, 0%); |
135 | 135 | ||
136 | $link-idle: hsl(220, 60%, 40%); | 136 | $theme-link-bg: hsl( |
137 | 137 | var(--colors--accent--h), | |
138 | $theme-link-bg: change-color($link-idle, $lightness: 98.8%); | 138 | var(--colors--accent--s), |
139 | $theme-link-obj: rgba($link-idle, .5); | 139 | 98.8% |
140 | $theme-link-fg-hi: mix($link-idle, $gray0, 75%); | 140 | ); |
141 | $theme-link-fg: $link-idle; | 141 | $theme-link-obj: hsla( |
142 | var(--colors--accent--h), | ||
143 | var(--colors--accent--s), | ||
144 | var(--colors--accent--l), | ||
145 | .5 | ||
146 | ); | ||
147 | $theme-link-fg: hsl( | ||
148 | var(--colors--accent--h), | ||
149 | var(--colors--accent--s), | ||
150 | calc(var(--colors--accent--l) * .8) | ||
151 | ); | ||
152 | $theme-link-fg-hi: hsl( | ||
153 | var(--colors--accent--h), | ||
154 | calc(var(--colors--accent--s) * .6), | ||
155 | calc(var(--colors--accent--l) * 1.2) | ||
156 | ); | ||
142 | 157 | ||
143 | @include store(( | 158 | @include store(( |
144 | --colors: ( | 159 | --colors: ( |
@@ -200,7 +215,7 @@ $content--width: 42rem; | |||
200 | 215 | ||
201 | --link: ( | 216 | --link: ( |
202 | --colored: ( | 217 | --colored: ( |
203 | --idle: $link-idle, //hsl(var(--colors--accent--h), 100%, 66%), // | 218 | --idle: hsl(220, 60%, 40%), //hsl(var(--colors--accent--h), 100%, 66%), // |
204 | --visited: hsl(290, 30%, 35%), //hsl(var(--colors--accent--h), 50%, 66%), // | 219 | --visited: hsl(290, 30%, 35%), //hsl(var(--colors--accent--h), 50%, 66%), // |
205 | ) | 220 | ) |
206 | ), | 221 | ), |