app/assets/stylesheets/sass-zero/utilities/layout.scss in sass-zero-0.0.28 vs app/assets/stylesheets/sass-zero/utilities/layout.scss in sass-zero-0.0.29

- old
+ new

@@ -1,34 +1,8 @@ @import "sass-zero/variables"; @import "sass-zero/mixins"; -.u-position-context { - position: relative; -} - -.u-position-right { - position: absolute; - right: 0; -} - -.u-position-left { - position: absolute; - left: 0; -} - -.u-position--bottom-right { - position: absolute; - bottom: 0; - right: 0; -} - -.u-position--top-right { - position: absolute; - top: 0; - right: 0; -} - .u-full-width { width: 100%; } .u-unscrollable { @@ -54,26 +28,10 @@ .u-centered { margin-right: auto; margin-left: auto; } -@media (min-width: $breakpoint-md) { - .u-wrap-on-desktop { - display: block; - } -} - -@media (max-width: $breakpoint-md - 1) { - .u-wrap-on-mobile { - display: block; - } -} - -.u-nowrap { - white-space: nowrap; -} - .u-float-l { float: left; } .u-float-r { @@ -94,30 +52,42 @@ .u-float-clear-r { clear: right; } -@media (max-width: $breakpoint-md - 1) { - .u-float-n-on-mobile { - float: none; - } -} - .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 { 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 { display: none; + } +} + +@media print { + .u-no-print { + display: none !important; } }