.l-container {
  padding-left: $container--pad-h;
  padding-right: $container--pad-h;

  &--content {
    margin-left: auto;
    margin-right: auto;
    max-width: $content--width;
  }

  &--pad-v {
    padding-top: $container--pad-v;
    padding-bottom: $container--pad-v;
  }

  @media (max-width: map-get($breakpoints, "sm")) {
    padding-left: $container--pad-h-sm;
    padding-right: $container--pad-h-sm;
  }
}