app/assets/stylesheets/sass-zero/utilities/layout.scss in sass-zero-0.0.52 vs app/assets/stylesheets/sass-zero/utilities/layout.scss in sass-zero-0.0.53
- old
+ new
@@ -1,119 +1,84 @@
@import "sass-zero/variables/breakpoints";
@import "sass-zero/variables/effects";
@import "sass-zero/mixins";
-.u-full-width {
- width: 100%;
+.u-display-n {
+ display: none !important;
}
-.u-full-height {
- height:100%
+.u-display-b {
+ display: block;
}
-.u-min-width {
- min-width: 0;
-}
-
-.u-disabled {
- pointer-events: none;
- opacity: $opacity-30;
-}
-
-.u-off-screen {
- position: absolute;
- left: -9999em;
-}
-
-.u-overflow-auto {
- overflow: auto;
-}
-
-.u-unscrollable {
- overflow: hidden;
-}
-
.u-display-i {
display: inline;
}
-.u-display-b {
- display: block;
-}
-
.u-display-ib {
display: inline-block;
}
-.u-display-n {
- display: none !important;
-}
-
.u-visibility-hidden {
visibility: hidden;
}
-.u-pointer-events-n {
- pointer-events: none;
+.u-hide {
+ display: none;
}
-.u-margin-centered {
- margin-left: auto;
- margin-right: auto;
+.u-float-l {
+ float: left;
}
-.u-wrap {
- display: block;
+.u-float-r {
+ float: right;
}
.u-nowrap {
white-space: nowrap;
}
-.u-clearfix {
- @include clearfix;
+.u-full-width {
+ width: 100%;
}
-.u-float-l {
- float: left;
+.u-min-width {
+ min-width: 0;
}
-.u-float-r {
- float: right;
+.u-full-height {
+ height: 100%
}
-.u-float-n {
- float: none;
+.u-disabled {
+ pointer-events: none;
+ opacity: $opacity-30;
}
-.u-float-clear {
- clear: both;
+.u-off-screen {
+ position: absolute;
+ left: -9999em;
}
-.u-float-clear-l {
- clear: left;
+.u-overflow-auto {
+ overflow: auto;
}
-.u-float-clear-r {
- clear: right;
+.u-overflow-hidden {
+ overflow: hidden;
}
-.u-hide {
- display: none;
-}
+@media (min-width: $breakpoint-sm) {
+ .u-show--inline\@sm {
+ display: inline;
+ }
-.u-hide-focus {
- outline: none !important;
-}
-
-@media (max-width: $breakpoint-md - 1) {
- .u-hide\@small {
- display: none;
+ .u-show\@sm {
+ display: block;
}
-}
-@media (min-width: $breakpoint-md) {
- .u-hide\@medium {
+ .u-hide\@sm {
display: none;
}
}
@media print {