WIP: Redesign

1 files changed, 7 insertions, 7 deletions

diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss
index 519a3a7..bca50d8 100644
--- a/assets/css/_utils.scss
+++ b/assets/css/_utils.scss
@@ -1,21 +1,21 @@
-.u-hidden {
+@include utility('hidden') {
     display: none;
 
-    @each $name, $width in $breakpoints {
-        &\@#{$name}-down {
-            @media (max-width: $width) {
+    @each $breakpoint in map-keys($breakpoints) {
+        @include media('<=#{$breakpoint}') {
+            @include suffix('#{$breakpoint}-lo') {
                 display: none;
             }
         }
 
-        &\@#{$name}-up {
-            @media (min-width: $width + 1) {
+        @include media('>#{$breakpoint}') {
+            @include suffix('#{$breakpoint}-hi') {
                 display: none;
             }
         }
     }
 }
 
-.u-mt0 {
+@include utility('mt0') {
     margin-top: 0;
 }