Configurable container padding (#28554)

This commit is contained in:
Martijn Cuppens 2019-05-05 09:49:23 +02:00 committed by XhmikosR
parent a776cc473d
commit f5599d0a04
2 changed files with 8 additions and 3 deletions

View File

@ -222,6 +222,11 @@ $grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
// Container padding
$container-padding-x: $grid-gutter-width / 2 !default;
// Components
//
// Define common padding and border radius sizes and more.

View File

@ -2,10 +2,10 @@
//
// Generate semantic grid columns with these mixins.
@mixin make-container($gutter: $grid-gutter-width) {
@mixin make-container($padding-x: $container-padding-x) {
width: 100%;
padding-right: $gutter / 2;
padding-left: $gutter / 2;
padding-right: $padding-x;
padding-left: $padding-x;
margin-right: auto;
margin-left: auto;
}