diff options
author | Morgan Stone <morgan.stone@medseek.com> | 2017-08-11 08:58:12 +0300 |
---|---|---|
committer | Mark Otto <markd.otto@gmail.com> | 2017-08-11 08:58:12 +0300 |
commit | b76357d57d472542b391d099629221f05e5a298f (patch) | |
tree | 2cd1be124940002ea62184cadc4260a8eacebc9a /scss/utilities | |
parent | 7b0a0b246c039dd8f702e5bff0d674786919ce0a (diff) |
Reduce number of spacing rules (#23208)
* reduce # of spacing rules by combining x & y with t r b l
* Remove unnecessary spaces
Diffstat (limited to 'scss/utilities')
-rw-r--r-- | scss/utilities/_spacing.scss | 32 |
1 files changed, 20 insertions, 12 deletions
diff --git a/scss/utilities/_spacing.scss b/scss/utilities/_spacing.scss index c89816b5ef..61af0c66d1 100644 --- a/scss/utilities/_spacing.scss +++ b/scss/utilities/_spacing.scss @@ -8,34 +8,42 @@ @each $size, $length in $spacers { .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; } - .#{$abbrev}t#{$infix}-#{$size} { #{$prop}-top: $length !important; } - .#{$abbrev}r#{$infix}-#{$size} { #{$prop}-right: $length !important; } - .#{$abbrev}b#{$infix}-#{$size} { #{$prop}-bottom: $length !important; } - .#{$abbrev}l#{$infix}-#{$size} { #{$prop}-left: $length !important; } + .#{$abbrev}t#{$infix}-#{$size}, + .#{$abbrev}y#{$infix}-#{$size} { + #{$prop}-top: $length !important; + } + .#{$abbrev}r#{$infix}-#{$size}, .#{$abbrev}x#{$infix}-#{$size} { #{$prop}-right: $length !important; - #{$prop}-left: $length !important; } + .#{$abbrev}b#{$infix}-#{$size}, .#{$abbrev}y#{$infix}-#{$size} { - #{$prop}-top: $length !important; #{$prop}-bottom: $length !important; } + .#{$abbrev}l#{$infix}-#{$size}, + .#{$abbrev}x#{$infix}-#{$size} { + #{$prop}-left: $length !important; + } } } // Some special margin utils .m#{$infix}-auto { margin: 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; } + .mt#{$infix}-auto, + .my#{$infix}-auto { + margin-top: auto !important; + } + .mr#{$infix}-auto, .mx#{$infix}-auto { margin-right: auto !important; - margin-left: auto !important; } + .mb#{$infix}-auto, .my#{$infix}-auto { - margin-top: auto !important; margin-bottom: auto !important; } + .ml#{$infix}-auto, + .mx#{$infix}-auto { + margin-left: auto !important; + } } } |