Commit b76357d5 authored by Morgan Stone's avatar Morgan Stone Committed by Mark Otto
Browse files

Reduce number of spacing rules (#23208)

* reduce # of spacing rules by combining x & y with t r b l

* Remove unnecessary spaces
parent 7b0a0b24
Showing with 20 additions and 12 deletions
+20 -12
...@@ -8,34 +8,42 @@ ...@@ -8,34 +8,42 @@
@each $size, $length in $spacers { @each $size, $length in $spacers {
.#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; } .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
.#{$abbrev}t#{$infix}-#{$size} { #{$prop}-top: $length !important; } .#{$abbrev}t#{$infix}-#{$size},
.#{$abbrev}r#{$infix}-#{$size} { #{$prop}-right: $length !important; } .#{$abbrev}y#{$infix}-#{$size} {
.#{$abbrev}b#{$infix}-#{$size} { #{$prop}-bottom: $length !important; } #{$prop}-top: $length !important;
.#{$abbrev}l#{$infix}-#{$size} { #{$prop}-left: $length !important; } }
.#{$abbrev}r#{$infix}-#{$size},
.#{$abbrev}x#{$infix}-#{$size} { .#{$abbrev}x#{$infix}-#{$size} {
#{$prop}-right: $length !important; #{$prop}-right: $length !important;
#{$prop}-left: $length !important;
} }
.#{$abbrev}b#{$infix}-#{$size},
.#{$abbrev}y#{$infix}-#{$size} { .#{$abbrev}y#{$infix}-#{$size} {
#{$prop}-top: $length !important;
#{$prop}-bottom: $length !important; #{$prop}-bottom: $length !important;
} }
.#{$abbrev}l#{$infix}-#{$size},
.#{$abbrev}x#{$infix}-#{$size} {
#{$prop}-left: $length !important;
}
} }
} }
// Some special margin utils // Some special margin utils
.m#{$infix}-auto { margin: auto !important; } .m#{$infix}-auto { margin: auto !important; }
.mt#{$infix}-auto { margin-top: auto !important; } .mt#{$infix}-auto,
.mr#{$infix}-auto { margin-right: auto !important; } .my#{$infix}-auto {
.mb#{$infix}-auto { margin-bottom: auto !important; } margin-top: auto !important;
.ml#{$infix}-auto { margin-left: auto !important; } }
.mr#{$infix}-auto,
.mx#{$infix}-auto { .mx#{$infix}-auto {
margin-right: auto !important; margin-right: auto !important;
margin-left: auto !important;
} }
.mb#{$infix}-auto,
.my#{$infix}-auto { .my#{$infix}-auto {
margin-top: auto !important;
margin-bottom: auto !important; margin-bottom: auto !important;
} }
.ml#{$infix}-auto,
.mx#{$infix}-auto {
margin-left: auto !important;
}
} }
} }
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment