1 files changed, 11 insertions, 9 deletions

diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss
index bf7e213..036a87e 100644
--- a/assets/css/_utils.scss
+++ b/assets/css/_utils.scss
@@ -1,15 +1,17 @@
 .u-hidden {
-    display: none;
+  display: none;
 
-    &\@sm-down {
-        @media (max-width: $breakpoint-sm) {
-            display: none;
-        }
+  @each $name, $width in $breakpoints {
+    &\@#{$name}-down {
+      @media (max-width: $width) {
+        display: none;
+      }
     }
 
-    &\@sm-up {
-        @media (min-width: $breakpoint-sm + 1) {
-            display: none;
-        }
+    &\@#{$name}-up {
+      @media (min-width: $width + 1) {
+        display: none;
+      }
     }
+  }
 }