From b76357d57d472542b391d099629221f05e5a298f Mon Sep 17 00:00:00 2001
From: Morgan Stone <morgan.stone@medseek.com>
Date: Thu, 10 Aug 2017 22:58:12 -0700
Subject: [PATCH] Reduce number of spacing rules (#23208)
* reduce # of spacing rules by combining x & y with t r b l
* Remove unnecessary spaces
---
scss/utilities/_spacing.scss | 32 ++++++++++++++++++++------------
1 file 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;
+ }
}
}
--
GitLab