diff options
| author | Mark Otto <markdotto@gmail.com> | 2018-07-09 03:29:01 +0300 |
|---|---|---|
| committer | Mark Otto <markdotto@gmail.com> | 2018-07-09 03:29:01 +0300 |
| commit | 7e96979ceaa97e42844112ae9649b20cf08e89d0 (patch) | |
| tree | 9d889bd75963100437bf9941aac8464030f742ad /scss/utilities | |
| parent | 0153f7d8cda74ab2bcdddc8a3dcfed8436040969 (diff) | |
fix comment placement, remove unecessary prop wrapper
Diffstat (limited to 'scss/utilities')
| -rw-r--r-- | scss/utilities/_spacing.scss | 37 |
1 files changed, 17 insertions, 20 deletions
diff --git a/scss/utilities/_spacing.scss b/scss/utilities/_spacing.scss index 6191b9b965..c43387dec1 100644 --- a/scss/utilities/_spacing.scss +++ b/scss/utilities/_spacing.scss @@ -8,7 +8,6 @@ @each $prop, $abbrev in (margin: m, padding: p) { @each $size, $length in $spacers { - .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; } .#{$abbrev}t#{$infix}-#{$size}, .#{$abbrev}y#{$infix}-#{$size} { @@ -29,32 +28,30 @@ } } - // 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; + // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`) + @each $size, $length in $spacers { + @if not $size == 0 { + .m#{$infix}-n#{$size} { margin: -$length !important; } + .mt#{$infix}-n#{$size}, + .my#{$infix}-n#{$size} { + margin-top: -$length !important; } - .#{$abbrev}r#{$infix}-n#{$size}, - .#{$abbrev}x#{$infix}-n#{$size} { - #{$prop}-right: -$length !important; + .mr#{$infix}-n#{$size}, + .mx#{$infix}-n#{$size} { + margin-right: -$length !important; } - .#{$abbrev}b#{$infix}-n#{$size}, - .#{$abbrev}y#{$infix}-n#{$size} { - #{$prop}-bottom: -$length !important; + .mb#{$infix}-n#{$size}, + .my#{$infix}-n#{$size} { + margin-bottom: -$length !important; } - .#{$abbrev}l#{$infix}-n#{$size}, - .#{$abbrev}x#{$infix}-n#{$size} { - #{$prop}-left: -$length !important; + .ml#{$infix}-n#{$size}, + .mx#{$infix}-n#{$size} { + margin-left: -$length !important; } } } + // Some special margin utils .m#{$infix}-auto { margin: auto !important; } .mt#{$infix}-auto, .my#{$infix}-auto { |