2020-02-04 04:02:53 +08:00
|
|
|
// Container mixins
|
|
|
|
|
|
2020-09-15 00:58:48 +08:00
|
|
|
@mixin make-container($gutter: $container-padding-x) {
|
Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)
* Add additional root variables, rename $variable-prefix to $prefix
- Adds new root CSS variables for border-radius, border-width, border-color, and border-style
- Adds new root CSS variables for heading-color, link-colors, code color, and highlight color
- Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss
- Updates $mark-padding to be an even pixel number
- Renames $variable-prefix to $prefix throughout
* Bundlewatch
2022-03-14 01:13:09 +08:00
|
|
|
--#{$prefix}gutter-x: #{$gutter};
|
|
|
|
|
--#{$prefix}gutter-y: 0;
|
2020-02-04 04:02:53 +08:00
|
|
|
width: 100%;
|
2025-08-27 12:34:58 +08:00
|
|
|
padding-right: calc(var(--#{$prefix}gutter-x) * .5);
|
|
|
|
|
padding-left: calc(var(--#{$prefix}gutter-x) * .5);
|
2020-02-04 04:02:53 +08:00
|
|
|
margin-right: auto;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
}
|
