@import "~bootstrap/scss/mixins/grid";

/// Контейнер сетки 💡
/// Переопределение миксина Bootstrap 4. Добавлена CSS-функция calc().
/// @group Grid
///
/// @param {Number} $gutter [$grid-gutter-width] - Ширина отступа между колонками
///

@mixin make-container($gutter: $grid-gutter-width) {
  width: 100%;
  padding-right: calc(#{$gutter} / 2);
  padding-left: calc(#{$gutter} / 2);
  margin-right: auto;
  margin-left: auto;
}

/// Строка сетки
/// Переопределение миксина Bootstrap 4. Добавлена CSS-функция calc().
/// @group Grid
///
/// @param {Number} $gutter [$grid-gutter-width] - Ширина отступа между колонками
///

@mixin make-row($gutter: $grid-gutter-width) {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-1 * #{$gutter} / 2);
  margin-left: calc(-1 * #{$gutter} / 2);
}