diff options
-rw-r--r-- | src/_utils.scss | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index 69885ba..e0dbcc5 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
@@ -1,5 +1,6 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
2 | @use 'functions' as fn; | 2 | @use 'functions' as fn; |
3 | @use 'include-media/dist/include-media' as media; | ||
3 | 4 | ||
4 | $dirs: ( | 5 | $dirs: ( |
5 | '': '', | 6 | '': '', |
@@ -17,6 +18,24 @@ $dirs: ( | |||
17 | display: contents; | 18 | display: contents; |
18 | } | 19 | } |
19 | 20 | ||
21 | @include iro.bem-utility('d-none') { | ||
22 | display: none; | ||
23 | |||
24 | @each $breakpoint in map-keys(media.$breakpoints) { | ||
25 | @include media('<=#{$breakpoint}') { | ||
26 | @include suffix('#{$breakpoint}-lo') { | ||
27 | display: none; | ||
28 | } | ||
29 | } | ||
30 | |||
31 | @include media('>#{$breakpoint}') { | ||
32 | @include suffix('#{$breakpoint}-hi') { | ||
33 | display: none; | ||
34 | } | ||
35 | } | ||
36 | } | ||
37 | } | ||
38 | |||
20 | @include iro.bem-utility('o-auto') { | 39 | @include iro.bem-utility('o-auto') { |
21 | overflow: auto; | 40 | overflow: auto; |
22 | } | 41 | } |