@import 'settings_spacing';
@import 'settings_breakpoints';

// Global grid settings
$grid-max-width: 80rem !default;
$grid-columns-small: 4 !default;
$grid-columns-medium: 6 !default;
$grid-columns: 12 !default;
// legacy grid only
$threshold-4-6-col: $breakpoint-small !default;
$threshold-6-12-col: $breakpoint-large !default;
// New grid thresholds
$threshold-4-small-4-med-col: $breakpoint-small !default;
$threshold-4-8-col: $breakpoint-large !default;

$grid-column-prefix: 'col-' !default;
$grid-small-col-prefix: '#{$grid-column-prefix}small-' !default;
$grid-medium-col-prefix: '#{$grid-column-prefix}medium-' !default;
$grid-large-col-prefix: #{$grid-column-prefix} !default;

$grid-gutter-widths: (
  small: $sp-unit * 3,
  default: $sp-unit * 4,
) !default;

$grid-margin-widths: (
  small: $sp-unit * 2,
  default: $sp-unit * 3,
) !default;

// Grid breakout template
$l-fluid-breakout-max-width: $grid-max-width !default;
$l-fluid-breakout-aside-width: 14rem !default;
$l-fluid-breakout-main-child-width: 13rem !default;
$l-fluid-breakout-3-col-threshold: calc($grid-max-width + $l-fluid-breakout-aside-width);

// New 4/4/8 grid

$grid-8-columns-small: 4 !default;
$grid-8-columns-medium: 4 !default;
$grid-8-columns: 8 !default;
$grid-8-column-prefix: 'grid-#{$grid-column-prefix}' !default;
$grid-8-small-col-prefix: 'grid-#{$grid-small-col-prefix}' !default;
$grid-8-medium-col-prefix: 'grid-#{$grid-medium-col-prefix}' !default;
$grid-8-large-col-prefix: 'grid-#{$grid-large-col-prefix}' !default;