corrade-http-templates – Blame information for rev 62
?pathlinks?
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 62 | office | 1 | // stylelint-disable declaration-no-important |
| 2 | |||
| 3 | // Margin and Padding |
||
| 4 | |||
| 5 | @each $breakpoint in map-keys($grid-breakpoints) { |
||
| 6 | @include media-breakpoint-up($breakpoint) { |
||
| 7 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); |
||
| 8 | |||
| 9 | @each $prop, $abbrev in (margin: m, padding: p) { |
||
| 10 | @each $size, $length in $spacers { |
||
| 11 | |||
| 12 | .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; } |
||
| 13 | .#{$abbrev}t#{$infix}-#{$size}, |
||
| 14 | .#{$abbrev}y#{$infix}-#{$size} { |
||
| 15 | #{$prop}-top: $length !important; |
||
| 16 | } |
||
| 17 | .#{$abbrev}r#{$infix}-#{$size}, |
||
| 18 | .#{$abbrev}x#{$infix}-#{$size} { |
||
| 19 | #{$prop}-right: $length !important; |
||
| 20 | } |
||
| 21 | .#{$abbrev}b#{$infix}-#{$size}, |
||
| 22 | .#{$abbrev}y#{$infix}-#{$size} { |
||
| 23 | #{$prop}-bottom: $length !important; |
||
| 24 | } |
||
| 25 | .#{$abbrev}l#{$infix}-#{$size}, |
||
| 26 | .#{$abbrev}x#{$infix}-#{$size} { |
||
| 27 | #{$prop}-left: $length !important; |
||
| 28 | } |
||
| 29 | } |
||
| 30 | } |
||
| 31 | |||
| 32 | // Some special margin utils |
||
| 33 | .m#{$infix}-auto { margin: auto !important; } |
||
| 34 | .mt#{$infix}-auto, |
||
| 35 | .my#{$infix}-auto { |
||
| 36 | margin-top: auto !important; |
||
| 37 | } |
||
| 38 | .mr#{$infix}-auto, |
||
| 39 | .mx#{$infix}-auto { |
||
| 40 | margin-right: auto !important; |
||
| 41 | } |
||
| 42 | .mb#{$infix}-auto, |
||
| 43 | .my#{$infix}-auto { |
||
| 44 | margin-bottom: auto !important; |
||
| 45 | } |
||
| 46 | .ml#{$infix}-auto, |
||
| 47 | .mx#{$infix}-auto { |
||
| 48 | margin-left: auto !important; |
||
| 49 | } |
||
| 50 | } |
||
| 51 | } |