app/assets/stylesheets/sass-zero/utilities/layout.scss in sass-zero-0.0.21 vs app/assets/stylesheets/sass-zero/utilities/layout.scss in sass-zero-0.0.22

@@ -1,134 +1,128 @@
 @import "sass-zero/variables";
 @import "sass-zero/mixins";
 
-.u-clearfix {
-  @include clearfix;
-}
+.u-position {
+  position: absolute !important;
 
-.u-position-context {
-  position: relative;
-}
+  &--right {
+    right: 0 !important;
+  }
 
-.u-position-right,
-.u-position-left,
-.u-position--top-right,
-.u-position--bottom-right {
-  position: absolute !important;
-}
+  &--left {
+    left: 0 !important;
+  }
 
-.u-position-right {
-  right: 0;
-}
+  &--bottom {
+    bottom: 0 !important;
+  }
 
-.u-position-left {
-  left: 0;
+  &--top {
+    top: 0 !important;
+  }
 }
 
-.u-position--bottom-right {
-  bottom: 0;
-  right: 0;
+.u-position-context {
+  position: relative !important;
 }
 
-.u-position--top-right {
-  top: 0;
-  right: 0;
+.u-clearfix {
+  @include clearfix;
 }
 
 .u-full-width {
-  width: 100%;
+  width: 100% !important;
 }
 
 .u-unscrollable {
-  overflow: hidden;
+  overflow: hidden !important;
 }
 
 .u-display-i {
-  display: inline;
+  display: inline !important;
 }
 
 .u-display-b {
-  display: block;
+  display: block !important;
 }
 
 .u-display-ib {
-  display: inline-block;
+  display: inline-block !important;
 }
 
 .u-display-n {
-  display: none;
+  display: none !important;
 }
 
 .u-pointer-events-n {
-  pointer-events: none;
+  pointer-events: none !important;
 }
 
 .u-margin-centered {
-  margin-left: auto;
-  margin-right: auto;
+  @include center-block;
 }
 
 @media (min-width: $breakpoint-md) {
   .u-wrap-on-desktop {
-    display: block;
+    display: block !important;
   }
 }
 
 @media (max-width: $breakpoint-md - 1) {
   .u-wrap-on-mobile {
-    display: block;
+    display: block !important;
   }
 }
 
 .u-nowrap {
-  white-space: nowrap;
+  white-space: nowrap !important;
 }
 
 .u-float-l {
-  float: left;
+  float: left !important;
 }
 
 .u-float-r {
-  float: right;
+  float: right !important;
 }
 
 .u-float-n {
-  float: none;
+  float: none !important;
 }
 
 .u-float-clear {
-  clear: both;
+  clear: both !important;
 }
 
 .u-float-clear-l {
-  clear: left;
+  clear: left !important;
 }
 
 .u-float-clear-r {
-  clear: right;
+  clear: right !important;
 }
 
 @media (max-width: $breakpoint-md - 1) {
   .u-float-n-on-mobile {
-    float: none;
+    float: none !important;
   }
 }
 
 .u-hide {
-  display: none;
+  display: none !important;
 }
 
 .u-hide-focus {
   outline: none !important;
 }
 
 @media (max-width: $breakpoint-md - 1) {
   .u-hide-on-media-small {
-    display: none;
+    display: none !important;
   }
 }
 
 @media (min-width: $breakpoint-md) {
   .u-hide-on-media-medium {
-    display: none;
+    display: none !important;
   }
 }