diff options
author | Volpeon <git@volpeon.ink> | 2022-03-26 14:40:11 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-03-26 14:40:11 +0100 |
commit | e4255279ff72e5438d297888d808851cdf2178ed (patch) | |
tree | 52fbae2c67f65376eae97025b433038d9f4a0e35 /src/_declare-vars.scss | |
parent | Split demo in :target views (diff) | |
download | iro-design-e4255279ff72e5438d297888d808851cdf2178ed.tar.gz iro-design-e4255279ff72e5438d297888d808851cdf2178ed.tar.bz2 iro-design-e4255279ff72e5438d297888d808851cdf2178ed.zip |
Lots of updates, especially dialog
Diffstat (limited to 'src/_declare-vars.scss')
-rw-r--r-- | src/_declare-vars.scss | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 998608a..0bcf101 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
@@ -115,7 +115,7 @@ | |||
115 | --fg: fn.color(--gray --10, null), // Text | 115 | --fg: fn.color(--gray --10, null), // Text |
116 | --fg-lo: fn.color(--gray --11, null), // Strong text | 116 | --fg-lo: fn.color(--gray --11, null), // Strong text |
117 | 117 | ||
118 | --gray: ( --h: 220, --s: 5% ), | 118 | --gray: ( --h: 220, --s: 0% ), |
119 | --blue: fn.color-palette(blend.lch(48% 50 279)), | 119 | --blue: fn.color-palette(blend.lch(48% 50 279)), |
120 | --purple: fn.color-palette(blend.lch(48% 50 308)), | 120 | --purple: fn.color-palette(blend.lch(48% 50 308)), |
121 | --red: fn.color-palette(blend.lch(48% 50 23)), | 121 | --red: fn.color-palette(blend.lch(48% 50 23)), |
@@ -140,7 +140,7 @@ | |||
140 | --focus: ( | 140 | --focus: ( |
141 | --shadow: 0 0 0 fn.dim(--focus-outline-width, null) fn.color(--accent --primary --semi, null), | 141 | --shadow: 0 0 0 fn.dim(--focus-outline-width, null) fn.color(--accent --primary --semi, null), |
142 | --fill: fn.color(--accent --primary --bg, null), | 142 | --fill: fn.color(--accent --primary --bg, null), |
143 | --text: fn.color(--accent --primary --lo, null), | 143 | --text: fn.color(--accent --primary --obj, null), |
144 | --fill-text: fn.color(--accent --primary --fg, null), | 144 | --fill-text: fn.color(--accent --primary --fg, null), |
145 | ), | 145 | ), |
146 | ), | 146 | ), |
@@ -148,7 +148,7 @@ | |||
148 | 148 | ||
149 | @include iro.props-store(( | 149 | @include iro.props-store(( |
150 | --colors: ( | 150 | --colors: ( |
151 | --gray: fn.gray-palette(94%), | 151 | --gray: fn.gray-palette(96%), |
152 | ), | 152 | ), |
153 | ), 'palette-light'); | 153 | ), 'palette-light'); |
154 | 154 | ||
@@ -158,6 +158,12 @@ | |||
158 | ), | 158 | ), |
159 | ), 'palette-light-raised'); | 159 | ), 'palette-light-raised'); |
160 | 160 | ||
161 | @include iro.props-store(( | ||
162 | --colors: ( | ||
163 | --gray: fn.gray-palette(91%), | ||
164 | ), | ||
165 | ), 'palette-light-lowered'); | ||
166 | |||
161 | // | 167 | // |
162 | 168 | ||
163 | @include iro.props-store(( | 169 | @include iro.props-store(( |
@@ -187,10 +193,16 @@ | |||
187 | 193 | ||
188 | @include iro.props-store(( | 194 | @include iro.props-store(( |
189 | --colors: ( | 195 | --colors: ( |
190 | --gray: fn.gray-palette(16%), | 196 | --gray: fn.gray-palette(13%), |
191 | ), | 197 | ), |
192 | ), 'palette-dark-raised'); | 198 | ), 'palette-dark-raised'); |
193 | 199 | ||
200 | @include iro.props-store(( | ||
201 | --colors: ( | ||
202 | --gray: fn.gray-palette(5%), | ||
203 | ), | ||
204 | ), 'palette-dark-lowered'); | ||
205 | |||
194 | // | 206 | // |
195 | 207 | ||
196 | @each $breakpoint in map-keys(media.$breakpoints) { | 208 | @each $breakpoint in map-keys(media.$breakpoints) { |