mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-17 19:06:40 +02:00
Code Issues Releases Wiki Activity

Merge branch 'patch-1' of https://github.com/garhbod/bootstrap into garhbod-patch-1

Browse Source
This commit is contained in:
Mark Otto
2018-07-08 16:46:44 -07:00
parent cfc9c85b32 a2920149f4
commit f6b4945f1e
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
scss/utilities/_spacing.scss
View File

@@ -30,6 +30,31 @@
} }
// Some special margin utils // Some special margin utils
// Negative margins i.e. mb-n1 is the inverse or negative of mb-1
@each $prop, $abbrev in (margin: m) {
@each $size, $length in $spacers {
.#{$abbrev}#{$infix}-n#{$size} { #{$prop}: -$length !important; }
.#{$abbrev}t#{$infix}-n#{$size},
.#{$abbrev}y#{$infix}-n#{$size} {
#{$prop}-top: -$length !important;
}
.#{$abbrev}r#{$infix}-n#{$size},
.#{$abbrev}x#{$infix}-n#{$size} {
#{$prop}-right: -$length !important;
}
.#{$abbrev}b#{$infix}-n#{$size},
.#{$abbrev}y#{$infix}-n#{$size} {
#{$prop}-bottom: -$length !important;
}
.#{$abbrev}l#{$infix}-n#{$size},
.#{$abbrev}x#{$infix}-n#{$size} {
#{$prop}-left: -$length !important;
}
}
}
.m#{$infix}-auto { margin: auto !important; } .m#{$infix}-auto { margin: auto !important; }
.mt#{$infix}-auto, .mt#{$infix}-auto,
.my#{$infix}-auto { .my#{$infix}-auto {