tools/side_chain_tool/web/node_modules/bootstrap/scss/utilities/_spacing.scss

   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 }