layout.scss in sass-zero-0.0.30

- old
+ new

@@ -20,11 +20,11 @@
 .u-display-ib {
   display: inline-block;
 }
 
 .u-display-n {
-  display: none;
+  display: none !important;
 }
 
 .u-centered {
   margin-right: auto;
   margin-left: auto;
@@ -52,37 +52,17 @@
 
 .u-float-clear-r {
   clear: right;
 }
 
-.u-hide {
-  display: none;
-}
-
-.u-hide-focus {
-  outline: none;
-}
-
 @media (max-width: $breakpoint-md - 1) {
-  .u-wrap-on-mobile {
-    display: block;
-  }
-
-  .u-hide-on-media-small {
+  .u-hide\@small {
     display: none;
   }
-
-  .u-float-n-on-mobile {
-    float: none;
-  }
 }
 
 @media (min-width: $breakpoint-md) {
-  .u-wrap-on-desktop {
-    display: block;
-  }
-
-  .u-hide-on-media-medium {
+  .u-hide\@medium {
     display: none;
   }
 }
 
 @media print {