Skip to content
GitLab
Commit 4f855136 authored by Mark Otto's avatar Mark Otto Committed by Mark Otto
Browse files

responsive auto margin classes

parent f99d1796
11 merge requests!28721Hot test,!27561Adds font-weight-medium to font weight classes,!26437merge,!22391V4 dev,!22547Finished a new translation for bootstrap,!22143Fix selectable disabled toggle radio buttons,!22598test,!25326Adjust examples,!23995Add back cursor: pointer for .btn-link,!23178Spinner,!17021v4
Hide whitespace changes
Inline Side-by-side
Showing
with 13 additions and 8 deletions
+13 -8
scss/utilities/_spacing.scss
+ 13
- 8
View file @ 4f855136
...@@ -15,14 +15,6 @@ ...@@ -15,14 +15,6 @@
// Margin and Padding // Margin and Padding
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.mr-auto { margin-right: auto !important; }
.ml-auto { margin-left: auto !important; }
@each $breakpoint in map-keys($grid-breakpoints) { @each $breakpoint in map-keys($grid-breakpoints) {
@each $prop, $abbrev in (margin: m, padding: p) { @each $prop, $abbrev in (margin: m, padding: p) {
@each $size, $lengths in $spacers { @each $size, $lengths in $spacers {
...@@ -48,6 +40,19 @@ ...@@ -48,6 +40,19 @@
} }
} }
} }
// Some special margin utils
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.mx#{$infix}-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.mt#{$infix}-auto { margin-top: auto !important; }
.mr#{$infix}-auto { margin-right: auto !important; }
.mb#{$infix}-auto { margin-bottom: auto !important; }
.ml#{$infix}-auto { margin-left: auto !important; }
}
} }
// Positioning // Positioning
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment