Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
25 lines (21 sloc) 1.38 KB
// Margin classes
// Applies spacing in single or multiple directions
// Individual directions
// with negative margins
$margin-sizes: "px", "xs", "s", "m", "l", "xl", "xxl";
@each $size in $margin-sizes {
.ma-t_#{$size} { margin-top: var(--space-#{$size}); } // postive
.ma-t_#{$size}- { margin-top: calc(-1 * var(--space-#{$size}); } // negative
.ma-r_#{$size} { margin-right: var(--space-#{$size}); } // postive
.ma-r_#{$size}- { margin-right: calc(-1 * var(--space-#{$size}); } // negative
.ma-b_#{$size} { margin-bottom: var(--space-#{$size}); } // postive
.ma-b_#{$size}- { margin-bottom: calc(-1 * var(--space-#{$size}); } // negative
.ma-l_#{$size} { margin-left: var(--space-#{$size}); } // postive
.ma-l_#{$size}- { margin-left: calc(-1 * var(--space-#{$size}); } // negative
.ma-v_#{$size} { margin-top: var(--space-#{$size}); margin-bottom: var(--space-#{$size}); } // postive
.ma-v_#{$size}- { margin-top: calc(-1 * var(--space-#{$size}); margin-bottom: calc(-1 * var(--space-#{$size}); } // negative
.ma-h_#{$size} { margin-left: var(--space-#{$size}); margin-right: var(--space-#{$size}); } // postive
.ma-h_#{$size}- { margin-left: calc(-1 * var(--space-#{$size}); margin-right: calc(-1 * var(--space-#{$size}); } // negative
}
// Reset!
.ma-no { margin: 0 }