@use "./../../../styles/tools/generate";
@use "./../../../styles/tokens/breakpoint";
@use "./config";

@mixin base {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: config.$container-padding;
  padding-right: config.$container-padding;

  @each $breakpoint, $width in config.$container-widths {
    @include breakpoint.get($breakpoint) {
      max-width: $width;
    }
  }

  > *:last-child {
    margin-bottom: 0;
  }
}