Reduce number of spacing rules (#23208)

* reduce # of spacing rules by combining x & y with t r b l * Remove unnecessary spaces
twbs · Aug 11, 2017 · b76357d · b76357d
1 parent 7b0a0b2
commit b76357d
Showing 1 changed file with 20 additions and 12 deletions.
diff --git 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;
+ }
  }
 }