// ===
// Container
// ===
.container {
  width: 100vw;
  max-width: $container;
  padding: 0 $container-gap;
  margin: 0 auto;

  @each $container, $value in $container-map {
    &--#{$container} {
      width: $value;
      max-width: 100vw;
      padding: 0 $container-gap;
      margin: 0 auto;
    }
  }
}