// Settings
$font-size-root: 16px;
$font-family-base: 'aktiv-grotesk';
$line-height-base: 1;

$global-width: 1200px !default;
$global-flexbox: true;
$global-text-direction: ltr !default;
// Internal variables used for text direction
$global-left: if($global-text-direction == rtl, right, left);
$global-right: if($global-text-direction == rtl, left, right);

// 2. Breakpoints
// --------------

$breakpoints: (
  sm: 0,
  md: 640px,
  lg: 1024px,
  xlg: 1200px,
  xxlg: 1440px
);
$print-breakpoint: large;
$breakpoint-classes: (sm md lg xlg xxlg);

// 3. The Grid
// -----------

$grid-row-width: 'expand'; //default $global-width
$grid-column-count: 12;
$grid-column-gutter: (
  sm: 20px
);
$grid-column-align-edge: true;
$grid-column-alias: 'columns';
$block-grid-max: 8;

// FONT SIZES in utilities

// 5. Thumbs
$thumbs: 210, 100, 70, 50, 40, 30, 20, 10;

// 6. Channels
$channels: 'shoplo', 'shopify', 'etsy', 'ebay', 'dawanda', 'allegro', 'showroom', 'woocommerce', 'amazon';