// Генерация классов контейнера и ряда
.container,
.container-fluid {
  @include make-container($container-max-widths, $grid-gutter-width);
}

.row {
  @include make-row;

  > * {
    @include make-col-ready;
  }
}

// Генерация только используемых классов колонок
@each $breakpoint in map-keys($grid-breakpoints) {
  $infix: if($breakpoint == 'xs', '', "-#{$breakpoint}");

  @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
    .col#{$infix} {
      flex: 1 0 0%;
    }
    
    .col#{$infix}-auto {
      flex: 0 0 auto;
      width: auto;
    }

    @for $i from 1 through $grid-columns {
      .col#{$infix}-#{$i} {
        @include make-col($i, $grid-columns);
      }
    }
  }
}

// Добавляем только используемые классы display
.d-flex { display: flex !important; }
.d-none { display: none !important; }

// Добавляем только используемый класс justify-content
.justify-content-between { justify-content: space-between !important; }

// Добавляем классы для отступов (gutters)
@each $breakpoint in map-keys($grid-breakpoints) {
  $infix: if($breakpoint == 'xs', '', "-#{$breakpoint}");

  @include media-breakpoint-up($breakpoint) {
    @each $key, $gutter in $gutters {
      .g#{$infix}-#{$key},
      .gx#{$infix}-#{$key} {
        --gutter-x: #{$gutter};
      }
      .g#{$infix}-#{$key},
      .gy#{$infix}-#{$key} {
        --gutter-y: #{$gutter};
      }
    }
  }
}