summaryrefslogtreecommitdiffstats
path: root/src/_vars.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_vars.scss')
-rw-r--r--src/_vars.scss38
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