@function get-spacing($size) { ... }@function get-spacing($size) { 
  $spacing: common.get-map-by-key-safe(settings.$spacing, $size, 'spacing');

  @return $spacing;
 }

@mixin base() { ... }@mixin base() { 
  box-sizing: border-box;
  max-width: unit.rem(settings.$content-max-width);
  margin: {
    left: auto;
    right: auto;
  }
 }

@mixin aligned-left() { ... }@mixin aligned-left() { 
  margin-left: 0;
 }

@mixin aligned-right() { ... }@mixin aligned-right() { 
  margin-right: 0;
 }

@mixin no-spacing() { ... }@mixin no-spacing() { 
  padding: {
    left: 0;
    right: 0;
  }
 }

@mixin spacing($spacing, $query) { ... }@mixin spacing($spacing, $query) { 
  $formatted-spacing: $spacing;
  @if meta.type-of($spacing) == 'number' {
    // check to avoid breaking change
    $formatted-spacing: unit.rem($spacing);
  }

  @if $query {
    @include common.media-query($query) {
      padding: {
        left: $formatted-spacing;
        right: $formatted-spacing;
      }
    }
  } @else {
    padding: {
      left: $formatted-spacing;
      right: $formatted-spacing;
    }
  }
 }

@mixin generate-spacing() { ... }@mixin generate-spacing() { 
  @each $size, $space in settings.$spacing {
    @include spacing($space, min-#{$size});
  }
 }

$content-max-width: map.get(common.$breakpoints, xl);

$spacing: (...) !default;$spacing: (
  xs: spacing.get('s4'),
  sm: spacing.get('s4'),
  md: spacing.get('s6'),
  lg: spacing.get('s6'),
  xl: spacing.get('s6')
) !default;