diff options
Diffstat (limited to 'assets/css/_vars.scss')
-rw-r--r-- | assets/css/_vars.scss | 52 |
1 files changed, 47 insertions, 5 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 7a5ed5c..ba2d1fa 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
@@ -60,8 +60,35 @@ $content--width: 42rem; | |||
60 | --s: 84%, | 60 | --s: 84%, |
61 | --l: 55%, | 61 | --l: 55%, |
62 | --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)), | 62 | --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)), |
63 | --strong: hsl(var(--colors--accent--h), calc(var(--colors--accent--s) * 1.2), calc(var(--colors--accent--l) * 1.2)), | 63 | --strong: hsl( |
64 | --faint: hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .1), | 64 | var(--colors--accent--h), |
65 | calc(var(--colors--accent--s) * 1.2), | ||
66 | calc(var(--colors--accent--l) * 1.2) | ||
67 | ), | ||
68 | --faint: hsla( | ||
69 | var(--colors--accent--h), | ||
70 | var(--colors--accent--s), | ||
71 | var(--colors--accent--l), | ||
72 | .1 | ||
73 | ), | ||
74 | ), | ||
75 | |||
76 | --secondary-accent: ( | ||
77 | --h: 220, | ||
78 | --s: 100%, | ||
79 | --l: 80%, | ||
80 | --color: hsl(var(--colors--secondary-accent--h), var(--colors--secondary-accent--s), var(--colors--secondary-accent--l)), | ||
81 | --strong: hsl( | ||
82 | var(--colors--secondary-accent--h), | ||
83 | calc(var(--colors--secondary-accent--s) * 1.2), | ||
84 | calc(var(--colors--secondary-accent--l) * 1.2) | ||
85 | ), | ||
86 | --faint: hsla( | ||
87 | var(--colors--secondary-accent--h), | ||
88 | var(--colors--secondary-accent--s), | ||
89 | var(--colors--secondary-accent--l), | ||
90 | .1 | ||
91 | ), | ||
65 | ), | 92 | ), |
66 | 93 | ||
67 | --focus-ring: var(--colors--fg-lo), | 94 | --focus-ring: var(--colors--fg-lo), |
@@ -75,7 +102,7 @@ $content--width: 42rem; | |||
75 | --link: ( | 102 | --link: ( |
76 | --idle: var(--colors--fg-lo), | 103 | --idle: var(--colors--fg-lo), |
77 | --colored: ( | 104 | --colored: ( |
78 | --idle: hsl(220, 100%, 80%), //hsl(var(--colors--accent--h), 100%, 66%), // | 105 | --idle: var(--colors--secondary-accent--color), //hsl(var(--colors--accent--h), 100%, 66%), // |
79 | --visited: hsl(290, 35%, 72%), //hsl(var(--colors--accent--h), 50%, 66%), // | 106 | --visited: hsl(290, 35%, 72%), //hsl(var(--colors--accent--h), 50%, 66%), // |
80 | ) | 107 | ) |
81 | ), | 108 | ), |
@@ -116,7 +143,22 @@ $content--width: 42rem; | |||
116 | --h: 354, | 143 | --h: 354, |
117 | --s: 74%, | 144 | --s: 74%, |
118 | --l: 48%, | 145 | --l: 48%, |
119 | --strong: hsl(var(--colors--accent--h), var(--colors--accent--s), calc(var(--colors--accent--l) * .8)), | 146 | --strong: hsl( |
147 | var(--colors--accent--h), | ||
148 | var(--colors--accent--s), | ||
149 | calc(var(--colors--accent--l) * .8) | ||
150 | ), | ||
151 | ), | ||
152 | |||
153 | --secondary-accent: ( | ||
154 | --h: 220, | ||
155 | --s: 60%, | ||
156 | --l: 40%, | ||
157 | --strong: hsl( | ||
158 | var(--colors--secondary-accent--h), | ||
159 | var(--colors--secondary-accent--s), | ||
160 | calc(var(--colors--secondary-accent--l) * .8) | ||
161 | ), | ||
120 | ), | 162 | ), |
121 | 163 | ||
122 | --select: ( | 164 | --select: ( |
@@ -126,7 +168,7 @@ $content--width: 42rem; | |||
126 | 168 | ||
127 | --link: ( | 169 | --link: ( |
128 | --colored: ( | 170 | --colored: ( |
129 | --idle: hsl(220, 60%, 40%), //hsl(var(--colors--accent--h), 100%, 66%), // | 171 | --idle: var(--colors--secondary-accent--color), //hsl(var(--colors--accent--h), 100%, 66%), // |
130 | --visited: hsl(290, 30%, 35%), //hsl(var(--colors--accent--h), 50%, 66%), // | 172 | --visited: hsl(290, 30%, 35%), //hsl(var(--colors--accent--h), 50%, 66%), // |
131 | ) | 173 | ) |
132 | ), | 174 | ), |