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 {