123456789101112131415161718192021222324252627282930313233343536373839 |
- // Margin and Padding
- .m-x-auto {
- margin-right: auto !important;
- margin-left: auto !important;
- }
- @each $prop, $abbrev in (margin: m, padding: p) {
- @each $size, $lengths in $spacers {
- $length-x: map-get($lengths, x);
- $length-y: map-get($lengths, y);
- .#{$abbrev}-a-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides
- .#{$abbrev}-t-#{$size} { #{$prop}-top: $length-y !important; }
- .#{$abbrev}-r-#{$size} { #{$prop}-right: $length-x !important; }
- .#{$abbrev}-b-#{$size} { #{$prop}-bottom: $length-y !important; }
- .#{$abbrev}-l-#{$size} { #{$prop}-left: $length-x !important; }
- // Axes
- .#{$abbrev}-x-#{$size} {
- #{$prop}-right: $length-x !important;
- #{$prop}-left: $length-x !important;
- }
- .#{$abbrev}-y-#{$size} {
- #{$prop}-top: $length-y !important;
- #{$prop}-bottom: $length-y !important;
- }
- }
- }
- // Positioning
- .pos-f-t {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: $zindex-navbar-fixed;
- }
|