diff options
author | Volpeon <git@volpeon.ink> | 2024-10-24 09:05:39 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-24 09:05:39 +0200 |
commit | 0d8ff84a82e93348a97ffc550094d2e9b47f4943 (patch) | |
tree | 804328041d0652ba240aceb37eb651a225d7b870 /src/_utils.scss | |
parent | Border suffix (diff) | |
download | iro-design-0d8ff84a82e93348a97ffc550094d2e9b47f4943.tar.gz iro-design-0d8ff84a82e93348a97ffc550094d2e9b47f4943.tar.bz2 iro-design-0d8ff84a82e93348a97ffc550094d2e9b47f4943.zip |
Improved vertical divider
Diffstat (limited to 'src/_utils.scss')
-rw-r--r-- | src/_utils.scss | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index 844ff90..cdb2a32 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
@@ -230,20 +230,6 @@ $-sizes: ( | |||
230 | border#{$suffix}: 0; | 230 | border#{$suffix}: 0; |
231 | } | 231 | } |
232 | } | 232 | } |
233 | |||
234 | @each $breakpoint in map.keys(media.$breakpoints) { | ||
235 | @include media.media('<=#{$breakpoint}') { | ||
236 | @include bem.suffix('#{$breakpoint}-lo') { | ||
237 | border#{$suffix}: 0; | ||
238 | } | ||
239 | } | ||
240 | |||
241 | @include media.media('>#{$breakpoint}') { | ||
242 | @include bem.suffix('#{$breakpoint}-hi') { | ||
243 | border#{$suffix}: 0; | ||
244 | } | ||
245 | } | ||
246 | } | ||
247 | } | 233 | } |
248 | 234 | ||
249 | @include bem.utility('b#{$dir}-1') { | 235 | @include bem.utility('b#{$dir}-1') { |
@@ -260,20 +246,6 @@ $-sizes: ( | |||
260 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border); | 246 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border); |
261 | } | 247 | } |
262 | } | 248 | } |
263 | |||
264 | @each $breakpoint in map.keys(media.$breakpoints) { | ||
265 | @include media.media('<=#{$breakpoint}') { | ||
266 | @include bem.suffix('#{$breakpoint}-lo') { | ||
267 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border); | ||
268 | } | ||
269 | } | ||
270 | |||
271 | @include media.media('>#{$breakpoint}') { | ||
272 | @include bem.suffix('#{$breakpoint}-hi') { | ||
273 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border); | ||
274 | } | ||
275 | } | ||
276 | } | ||
277 | } | 249 | } |
278 | 250 | ||
279 | @include bem.utility('b#{$dir}-1-mute') { | 251 | @include bem.utility('b#{$dir}-1-mute') { |
@@ -290,20 +262,6 @@ $-sizes: ( | |||
290 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute); | 262 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute); |
291 | } | 263 | } |
292 | } | 264 | } |
293 | |||
294 | @each $breakpoint in map.keys(media.$breakpoints) { | ||
295 | @include media.media('<=#{$breakpoint}') { | ||
296 | @include bem.suffix('#{$breakpoint}-lo') { | ||
297 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute); | ||
298 | } | ||
299 | } | ||
300 | |||
301 | @include media.media('>#{$breakpoint}') { | ||
302 | @include bem.suffix('#{$breakpoint}-hi') { | ||
303 | border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute); | ||
304 | } | ||
305 | } | ||
306 | } | ||
307 | } | 265 | } |
308 | } | 266 | } |
309 | 267 | ||