// @each $i in $spacing-number {
//   @each $position in $positions-spacing {
//     @each $name, $type in $types-spacing {
//       .#{$name}-#{$position}-#{$i} {
//         @if ($position == vertical or $position == horizontal) {
//           @if ($position == vertical) {
//             @include spacing-number-vertical($i, $type);
//           }
//           @if ($position == horizontal) {
//             @include spacing-number-horizontal($i, $type);
//           }
//         } @else {
//           @include spacing-number($i, $position, $type);
//         }
//       }
//     }
//   }
// }

// // Spacing
// //
// // Control the default styling of most Bootstrap elements by modifying these
// // variables. Mostly focused on spacing.
// // You can add more entries to the $spacers map, should you need more variation.

// // stylelint-disable declaration-no-important

// // Margin and Padding

// @each $breakpoint in map-keys($grid-breakpoints) {
//   @if ($breakpoint == "md") {
//     @debug #{map-get($grid-breakpoints, $breakpoint)};
//     @media screen and (min-width: #{map-get($grid-breakpoints, "sm")}) {
//       $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

//       @each $prop, $abbrev in (margin: m, padding: p) {
//         @each $size, $length in $spacers {
//           .#{$abbrev}#{$infix}-#{$size} {
//             #{$prop}: $length !important;
//           }
//           .#{$abbrev}t#{$infix}-#{$size},
//           .#{$abbrev}y#{$infix}-#{$size} {
//             #{$prop}-top: $length !important;
//           }
//           .#{$abbrev}r#{$infix}-#{$size},
//           .#{$abbrev}x#{$infix}-#{$size} {
//             #{$prop}-right: $length !important;
//           }
//           .#{$abbrev}b#{$infix}-#{$size},
//           .#{$abbrev}y#{$infix}-#{$size} {
//             #{$prop}-bottom: $length !important;
//           }
//           .#{$abbrev}l#{$infix}-#{$size},
//           .#{$abbrev}x#{$infix}-#{$size} {
//             #{$prop}-left: $length !important;
//           }
//         }
//       }

//       // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
//       @each $size, $length in $spacers {
//         @if $size != 0 {
//           .m#{$infix}-n#{$size} {
//             margin: -$length !important;
//           }
//           .mt#{$infix}-n#{$size},
//           .my#{$infix}-n#{$size} {
//             margin-top: -$length !important;
//           }
//           .mr#{$infix}-n#{$size},
//           .mx#{$infix}-n#{$size} {
//             margin-right: -$length !important;
//           }
//           .mb#{$infix}-n#{$size},
//           .my#{$infix}-n#{$size} {
//             margin-bottom: -$length !important;
//           }
//           .ml#{$infix}-n#{$size},
//           .mx#{$infix}-n#{$size} {
//             margin-left: -$length !important;
//           }
//         }
//       }

//       // Some special margin utils
//       .m#{$infix}-auto {
//         margin: auto !important;
//       }
//       .mt#{$infix}-auto,
//       .my#{$infix}-auto {
//         margin-top: auto !important;
//       }
//       .mr#{$infix}-auto,
//       .mx#{$infix}-auto {
//         margin-right: auto !important;
//       }
//       .mb#{$infix}-auto,
//       .my#{$infix}-auto {
//         margin-bottom: auto !important;
//       }
//       .ml#{$infix}-auto,
//       .mx#{$infix}-auto {
//         margin-left: auto !important;
//       }
//     }
//   }
// }