2020-02-03 20:02:53 +00:00
|
|
|
// Container mixins
|
|
|
|
|
2020-09-14 16:58:48 +00:00
|
|
|
@mixin make-container($gutter: $container-padding-x) {
|
2021-11-01 06:39:48 +00:00
|
|
|
--#{$variable-prefix}gutter-x: #{$gutter};
|
|
|
|
--#{$variable-prefix}gutter-y: 0;
|
2020-02-03 20:02:53 +00:00
|
|
|
width: 100%;
|
2020-11-19 18:38:39 +00:00
|
|
|
padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter});
|
|
|
|
padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter});
|
2020-02-03 20:02:53 +00:00
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|