diff options
Diffstat (limited to 'src/_vars.scss')
-rw-r--r-- | src/_vars.scss | 38 |
1 files changed, 24 insertions, 14 deletions
diff --git a/src/_vars.scss b/src/_vars.scss index d2bdf38..c315438 100644 --- a/src/_vars.scss +++ b/src/_vars.scss | |||
@@ -90,18 +90,6 @@ $line-height: map-get($font--main, line-height); | |||
90 | ), | 90 | ), |
91 | 91 | ||
92 | --colors: ( | 92 | --colors: ( |
93 | --gray1: hsl(210, 0%, 100%), // 1.11 | ||
94 | --gray2: hsl(210, 0%, 98%), // 1.07 | ||
95 | --gray3: hsl(210, 0%, 95%), // 1 | ||
96 | --gray4: hsl(210, 0%, 90%), // 1.11 | ||
97 | --gray5: hsl(210, 0%, 87%), // 1.2 | ||
98 | --gray6: hsl(210, 0%, 78%), // 1.51 | ||
99 | --gray7: hsl(210, 0%, 69%), // 1.93 | ||
100 | --gray8: hsl(210, 0%, 55%), // 3 | ||
101 | --gray9: hsl(210, 0%, 38%), // 5.53 | ||
102 | --gray10: hsl(210, 0%, 19%), // 11.78 | ||
103 | --gray11: hsl(210, 0%, 0%), // 18.75 | ||
104 | |||
105 | --bg-hi2: iro.props-get(--colors --gray1, null), // Lightest background | 93 | --bg-hi2: iro.props-get(--colors --gray1, null), // Lightest background |
106 | --bg-hi: iro.props-get(--colors --gray2, null), // Lighter background | 94 | --bg-hi: iro.props-get(--colors --gray2, null), // Lighter background |
107 | --bg: iro.props-get(--colors --gray3, null), // Background | 95 | --bg: iro.props-get(--colors --gray3, null), // Background |
@@ -169,6 +157,22 @@ $line-height: map-get($font--main, line-height); | |||
169 | 157 | ||
170 | @include iro.props-store(( | 158 | @include iro.props-store(( |
171 | --colors: ( | 159 | --colors: ( |
160 | --gray1: hsl(210, 0%, 100%), // 1.11 | ||
161 | --gray2: hsl(210, 0%, 98%), // 1.07 | ||
162 | --gray3: hsl(210, 0%, 95%), // 1 | ||
163 | --gray4: hsl(210, 0%, 90%), // 1.11 | ||
164 | --gray5: hsl(210, 0%, 87%), // 1.2 | ||
165 | --gray6: hsl(210, 0%, 78%), // 1.51 | ||
166 | --gray7: hsl(210, 0%, 69%), // 1.93 | ||
167 | --gray8: hsl(210, 0%, 55%), // 3 | ||
168 | --gray9: hsl(210, 0%, 38%), // 5.53 | ||
169 | --gray10: hsl(210, 0%, 19%), // 11.78 | ||
170 | --gray11: hsl(210, 0%, 0%), // 18.75 | ||
171 | ) | ||
172 | ), 'light-palette'); | ||
173 | |||
174 | @include iro.props-store(( | ||
175 | --colors: ( | ||
172 | --gray1: hsl(210, 0%, 100%), // 1 | 176 | --gray1: hsl(210, 0%, 100%), // 1 |
173 | --gray2: hsl(210, 0%, 100%), // 1 | 177 | --gray2: hsl(210, 0%, 100%), // 1 |
174 | --gray3: hsl(210, 0%, 100%), // 1 | 178 | --gray3: hsl(210, 0%, 100%), // 1 |
@@ -181,7 +185,7 @@ $line-height: map-get($font--main, line-height); | |||
181 | --gray10: hsl(210, 0%, 22%), // 11.72 | 185 | --gray10: hsl(210, 0%, 22%), // 11.72 |
182 | --gray11: hsl(210, 0%, 0%), // 21 | 186 | --gray11: hsl(210, 0%, 0%), // 21 |
183 | ) | 187 | ) |
184 | ), 'light-raised'); | 188 | ), 'light-raised-palette'); |
185 | } | 189 | } |
186 | 190 | ||
187 | // | 191 | // |
@@ -192,11 +196,17 @@ $line-height: map-get($font--main, line-height); | |||
192 | --colors: () | 196 | --colors: () |
193 | ), 'dark'); | 197 | ), 'dark'); |
194 | } | 198 | } |
199 | |||
200 | @include iro.fn-execute { | ||
201 | @include iro.props-store(( | ||
202 | --colors: () | ||
203 | ), 'dark-palette'); | ||
204 | } | ||
195 | 205 | ||
196 | @include iro.fn-execute { | 206 | @include iro.fn-execute { |
197 | @include iro.props-store(( | 207 | @include iro.props-store(( |
198 | --colors: () | 208 | --colors: () |
199 | ), 'dark-raised'); | 209 | ), 'dark-raised-palette'); |
200 | } | 210 | } |
201 | } | 211 | } |
202 | 212 | ||