app/assets/stylesheets/sass-zero/utilities/layout.scss in sass-zero-0.0.25 vs app/assets/stylesheets/sass-zero/utilities/layout.scss in sass-zero-0.0.28
- old
+ new
@@ -1,130 +1,123 @@
@import "sass-zero/variables";
@import "sass-zero/mixins";
.u-position-context {
- position: relative !important;
+ position: relative;
}
.u-position-right {
- position: absolute !important;
+ position: absolute;
right: 0;
}
.u-position-left {
- position: absolute !important;
+ position: absolute;
left: 0;
}
.u-position--bottom-right {
- position: absolute !important;
+ position: absolute;
bottom: 0;
right: 0;
}
.u-position--top-right {
- position: absolute !important;
+ position: absolute;
top: 0;
right: 0;
}
-.u-clearfix {
- @include clearfix;
-}
-
.u-full-width {
- width: 100% !important;
+ width: 100%;
}
.u-unscrollable {
- overflow: hidden !important;
+ overflow: hidden;
}
.u-display-i {
- display: inline !important;
+ display: inline;
}
.u-display-b {
- display: block !important;
+ display: block;
}
.u-display-ib {
- display: inline-block !important;
+ display: inline-block;
}
.u-display-n {
- display: none !important;
+ display: none;
}
-.u-pointer-events-n {
- pointer-events: none !important;
+.u-centered {
+ margin-right: auto;
+ margin-left: auto;
}
-.u-margin-centered {
- @include center-block;
-}
-
@media (min-width: $breakpoint-md) {
.u-wrap-on-desktop {
- display: block !important;
+ display: block;
}
}
@media (max-width: $breakpoint-md - 1) {
.u-wrap-on-mobile {
- display: block !important;
+ display: block;
}
}
.u-nowrap {
- white-space: nowrap !important;
+ white-space: nowrap;
}
.u-float-l {
- float: left !important;
+ float: left;
}
.u-float-r {
- float: right !important;
+ float: right;
}
.u-float-n {
- float: none !important;
+ float: none;
}
.u-float-clear {
- clear: both !important;
+ clear: both;
}
.u-float-clear-l {
- clear: left !important;
+ clear: left;
}
.u-float-clear-r {
- clear: right !important;
+ clear: right;
}
@media (max-width: $breakpoint-md - 1) {
.u-float-n-on-mobile {
- float: none !important;
+ float: none;
}
}
.u-hide {
- display: none !important;
+ display: none;
}
.u-hide-focus {
- outline: none !important;
+ outline: none;
}
@media (max-width: $breakpoint-md - 1) {
.u-hide-on-media-small {
- display: none !important;
+ display: none;
}
}
@media (min-width: $breakpoint-md) {
.u-hide-on-media-medium {
- display: none !important;
+ display: none;
}
}