Rename margin and padding utilities from .{property}-{side} to .{property}{side} without the extra dash

This commit is contained in:
Mark Otto 2016-09-08 22:15:34 -07:00
parent 076a950442
commit ae784c9521
1 changed files with 8 additions and 8 deletions

View File

@ -4,7 +4,7 @@
// Margin and Padding // Margin and Padding
.m-x-auto { .mx-auto {
margin-right: auto !important; margin-right: auto !important;
margin-left: auto !important; margin-left: auto !important;
} }
@ -14,18 +14,18 @@
$length-x: map-get($lengths, x); $length-x: map-get($lengths, x);
$length-y: map-get($lengths, y); $length-y: map-get($lengths, y);
.#{$abbrev}-a-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides .#{$abbrev}-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides
.#{$abbrev}-t-#{$size} { #{$prop}-top: $length-y !important; } .#{$abbrev}t-#{$size} { #{$prop}-top: $length-y !important; }
.#{$abbrev}-r-#{$size} { #{$prop}-right: $length-x !important; } .#{$abbrev}r-#{$size} { #{$prop}-right: $length-x !important; }
.#{$abbrev}-b-#{$size} { #{$prop}-bottom: $length-y !important; } .#{$abbrev}b-#{$size} { #{$prop}-bottom: $length-y !important; }
.#{$abbrev}-l-#{$size} { #{$prop}-left: $length-x !important; } .#{$abbrev}l-#{$size} { #{$prop}-left: $length-x !important; }
// Axes // Axes
.#{$abbrev}-x-#{$size} { .#{$abbrev}x-#{$size} {
#{$prop}-right: $length-x !important; #{$prop}-right: $length-x !important;
#{$prop}-left: $length-x !important; #{$prop}-left: $length-x !important;
} }
.#{$abbrev}-y-#{$size} { .#{$abbrev}y-#{$size} {
#{$prop}-top: $length-y !important; #{$prop}-top: $length-y !important;
#{$prop}-bottom: $length-y !important; #{$prop}-bottom: $length-y !important;
} }