@mixin make-container() {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   padding-left:  $gap-width;
   padding-right: $gap-width;

   @include delete-after();
}

.container {
   @include make-container;

   @each $breakpoint, $container-max-width in $container-max-widths {
      @media (min-width: map-get($grid-breakpoints, $breakpoint)) {
         max-width: $container-max-width;
      }
   }
}

.container-fluid {
   @include make-container;
}
