layout.scss in sass-zero-0.0.45

- old
+ new

@@ -4,19 +4,32 @@
 
 .u-full-width {
   width: 100%;
 }
 
+.u-full-height {
+  height:100%
+}
+
 .u-min-width {
   min-width: 0;
 }
 
 .u-disabled {
   pointer-events: none;
-  opacity: $opacity-50;
+  opacity: $opacity-30;
 }
 
+.u-off-screen {
+  position: absolute;
+  left: -9999em;
+}
+
+.u-overflow-auto {
+  overflow: auto;
+}
+
 .u-unscrollable {
   overflow: hidden;
 }
 
 .u-display-i {
@@ -33,15 +46,31 @@
 
 .u-display-n {
   display: none !important;
 }
 
-.u-centered {
-  margin-right: auto;
+.u-visibility-hidden {
+  visibility: hidden;
+}
+
+.u-pointer-events-n {
+  pointer-events: none;
+}
+
+.u-margin-centered {
   margin-left:  auto;
+  margin-right: auto;
 }
 
+.u-wrap {
+  display: block;
+}
+
+.u-nowrap {
+  white-space: nowrap;
+}
+
 .u-clearfix {
   @include clearfix;
 }
 
 .u-float-l {
@@ -64,9 +93,17 @@
   clear: left;
 }
 
 .u-float-clear-r {
   clear: right;
+}
+
+.u-hide {
+  display: none;
+}
+
+.u-hide-focus {
+  outline: none !important;
 }
 
 @media (max-width: $breakpoint-md - 1) {
   .u-hide\@small {
     display: none;