/* ==========================================================================
   Config settings
   ========================================================================== */

// ---------------------------------------------------------
// The default border-radius values used in the border mixin

$border-radius: (
  s: 4px,
  m: 8px,
  l: 16px
);


// --------------------------------------------------------
// Column settings

$site-columns: 14;
$site-column-size: 96; // Size of a single column when viewport is at its max width (used for calculating max-width).

// ------------------------------------------------------------------------
// Calculations that are done with some of the given values above this line

$site-max-width: $site-column-size * ($site-columns - 2); // Main container max-width (without gutter)

// --------------------------------------------------------
// Other settings

$site-skew-angle: 		-24.228deg;
$site-gutter-width: 	6vw; // Used only for small screens. Must be [vw] or [px], NOT [%].
$site-cookieBar-height: 64px; // Fixed size so we can offset padding-bottom on the body