Added display none utility

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 @@
 @use 'iro-sass/src/index' as iro;
 @use 'functions' as fn;
+@use 'include-media/dist/include-media' as media;
 
 $dirs: (
     '': '',
@@ -17,6 +18,24 @@ $dirs: (
     display: contents;
 }
 
+@include iro.bem-utility('d-none') {
+    display: none;
+
+    @each $breakpoint in map-keys(media.$breakpoints) {
+        @include media('<=#{$breakpoint}') {
+            @include suffix('#{$breakpoint}-lo') {
+                display: none;
+            }
+        }
+
+        @include media('>#{$breakpoint}') {
+            @include suffix('#{$breakpoint}-hi') {
+                display: none;
+            }
+        }
+    }
+}
+
 @include iro.bem-utility('o-auto') {
     overflow: auto;
 }