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;
}
}