diff options
| author | Mark Otto <[email protected]> | 2016-12-24 18:11:43 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-25 14:03:50 -0800 |
| commit | 4f85513608d16e0ffe5fae952c28cf1a99da8b75 (patch) | |
| tree | c3e4198ba4d9eddc63fb6c625f5b68c3656e0a88 | |
| parent | f99d1796904cb0a28a926963dd5b8407cbbff72e (diff) | |
| download | bootstrap-4f85513608d16e0ffe5fae952c28cf1a99da8b75.tar.xz bootstrap-4f85513608d16e0ffe5fae952c28cf1a99da8b75.zip | |
responsive auto margin classes
| -rw-r--r-- | scss/utilities/_spacing.scss | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/scss/utilities/_spacing.scss b/scss/utilities/_spacing.scss index 1f0d77ff0..8750bb65b 100644 --- a/scss/utilities/_spacing.scss +++ b/scss/utilities/_spacing.scss @@ -15,14 +15,6 @@ // 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 $prop, $abbrev in (margin: m, padding: p) { @each $size, $lengths in $spacers { @@ -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 |