.l-container { padding-right: $container--pad-h; padding-left: $container--pad-h; &--content { max-width: $content--width; margin-right: auto; margin-left: auto; } &--pad-v { padding-top: $container--pad-v; padding-bottom: $container--pad-v; } @media (max-width: map-get($breakpoints, 'sm')) { padding-right: $container--pad-h-sm; padding-left: $container--pad-h-sm; } }