// stylelint-disable declaration-no-important

////
/// Адаптивные отступы
////

@each $spacer, $value in $spacersPresets {
  @each $prop, $abbrev in (margin: m, padding: p) {
      // Отступы margin/padding
      .#{$abbrev}-a-#{$spacer} { #{$prop}: $value !important; }
      .#{$abbrev}-t-#{$spacer},
      .#{$abbrev}-y-#{$spacer} {
        #{$prop}-top: $value !important;
      }
      .#{$abbrev}-r-#{$spacer},
      .#{$abbrev}-x-#{$spacer} {
        #{$prop}-right: $value !important;
      }
      .#{$abbrev}-b-#{$spacer},
      .#{$abbrev}-y-#{$spacer} {
        #{$prop}-bottom: $value !important;
      }
      .#{$abbrev}-l-#{$spacer},
      .#{$abbrev}-x-#{$spacer} {
        #{$prop}-left: $value !important;
      }
  }
  
  // Отрицательные margin
  @each $prop, $abbrev in (margin: m) {
    .#{$abbrev}-a-n-#{$spacer} { #{$prop}: $value !important; }
    .#{$abbrev}-t-n-#{$spacer},
    .#{$abbrev}-y-n-#{$spacer} {
      #{$prop}-top: calc(-1 * #{$value}) !important;
    }
    .#{$abbrev}-r-n-#{$spacer},
    .#{$abbrev}-x-n-#{$spacer} {
      #{$prop}-right: calc(-1 * #{$value}) !important;
    }
    .#{$abbrev}-b-n-#{$spacer},
    .#{$abbrev}-y-n-#{$spacer} {
      #{$prop}-bottom: calc(-1 * #{$value}) !important;
    }
    .#{$abbrev}-l-n-#{$spacer},
    .#{$abbrev}-x-n-#{$spacer} {
      #{$prop}-left: calc(-1 * #{$value}) !important;
    }
  }
}