github.com/e154/smart-home@v0.17.2-0.20240311175135-e530a6e5cd45/doc/themes/docsy/assets/scss/rtl/_spacing.scss (about)

     1  @each $breakpoint in map-keys($grid-breakpoints) {
     2      @include media-breakpoint-up($breakpoint) {
     3          $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
     4  
     5          @each $prop,
     6          $abbrev in (margin: m, padding: p) {
     7  
     8              @each $size,
     9              $length in $spacers {
    10                  .#{$abbrev}#{$infix}-#{$size} {
    11                      #{$prop}: $length !important;
    12                  }
    13  
    14                  .#{$abbrev}t#{$infix}-#{$size},
    15                  .#{$abbrev}y#{$infix}-#{$size} {
    16                      #{$prop}-top: $length !important;
    17                  }
    18  
    19                  .#{$abbrev}r#{$infix}-#{$size},
    20                  .#{$abbrev}x#{$infix}-#{$size} {
    21                      #{$prop}-inline-end: $length !important;
    22                  }
    23  
    24                  .#{$abbrev}b#{$infix}-#{$size},
    25                  .#{$abbrev}y#{$infix}-#{$size} {
    26                      #{$prop}-bottom: $length !important;
    27                  }
    28  
    29                  .#{$abbrev}l#{$infix}-#{$size},
    30                  .#{$abbrev}x#{$infix}-#{$size} {
    31                      #{$prop}-inline-start: $length !important;
    32                  }
    33              }
    34          }
    35  
    36          // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
    37          @each $size,
    38          $length in $spacers {
    39              @if $size !=0 {
    40                  .m#{$infix}-n#{$size} {
    41                      margin: -$length !important;
    42                  }
    43  
    44                  .mt#{$infix}-n#{$size},
    45                  .my#{$infix}-n#{$size} {
    46                      margin-top: -$length !important;
    47                  }
    48  
    49                  .mr#{$infix}-n#{$size},
    50                  .mx#{$infix}-n#{$size} {
    51                      margin-right: -$length !important;
    52                  }
    53  
    54                  .mb#{$infix}-n#{$size},
    55                  .my#{$infix}-n#{$size} {
    56                      margin-bottom: -$length !important;
    57                  }
    58  
    59                  .ml#{$infix}-n#{$size},
    60                  .mx#{$infix}-n#{$size} {
    61                      margin-left: -$length !important;
    62                  }
    63              }
    64          }
    65  
    66          // Some special margin utils
    67          .m#{$infix}-auto {
    68              margin: auto !important;
    69          }
    70  
    71          .mt#{$infix}-auto,
    72          .my#{$infix}-auto {
    73              margin-top: auto !important;
    74          }
    75  
    76          .mr#{$infix}-auto,
    77          .mx#{$infix}-auto {
    78              margin-right: auto !important;
    79          }
    80  
    81          .mb#{$infix}-auto,
    82          .my#{$infix}-auto {
    83              margin-bottom: auto !important;
    84          }
    85  
    86          .ml#{$infix}-auto,
    87          .mx#{$infix}-auto {
    88              margin-left: auto !important;
    89          }
    90      }
    91  }