@use '../../settings' as *;
@use '../../variables' as *;
@use '../functions' as *;
@use 'breakpoints' as *;
// Container mixins

@mixin make-container($gutter: $container-padding-x) {
  --gutter-x: #{$gutter};
  --gutter-y: 0;
  width: 100%;
  padding-inline-end: calc(var(--gutter-x) * 0.5); // stylelint-disable-line function-disallowed-list
  padding-inline-start: calc(var(--gutter-x) * 0.5); // stylelint-disable-line function-disallowed-list
  margin-inline-end: auto;
  margin-inline-start: auto;
}