2020-02-03 21:02:53 +01:00
|
|
|
// Container mixins
|
|
|
|
|
|
2020-09-14 18:58:48 +02:00
|
|
|
@mixin make-container($gutter: $container-padding-x) {
|
2021-11-01 07:39:48 +01:00
|
|
|
--#{$variable-prefix}gutter-x: #{$gutter};
|
|
|
|
|
--#{$variable-prefix}gutter-y: 0;
|
2020-02-03 21:02:53 +01:00
|
|
|
width: 100%;
|
2022-02-15 00:07:17 +01:00
|
|
|
padding-right: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
|
|
|
|
|
padding-left: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
|
2020-02-03 21:02:53 +01:00
|
|
|
margin-right: auto;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
}
|
