@use '../variables' as variables;
@use './breakpoints-mixins' as breakpoints-mixins;

@mixin make-container($padding-x: variables.$container-padding-x) {
  margin-left: auto;
  margin-right: auto;
  padding-left: $padding-x;
  padding-right: $padding-x;
  width: 100%;
}

@mixin make-container-max-widths(
  $max-widths: variables.$container-max-widths,
  $breakpoints: variables.$grid-breakpoints
) {
  @each $breakpoint, $container-max-width in $max-widths {
    @include breakpoints-mixins.media-breakpoint-up($breakpoint, $breakpoints) {
      max-width: $container-max-width;
    }
  }
}