$min-supported-width:        315px;
$col-gutter: var(--zs-grid-gutter);

//

$desktop-bp:                1200px;
$landscape-bp:               992px;
$portrait-bp:                768px;
$mobile-bp:   $min-supported-width;

//

$desktop: (
  breakpoint:           $desktop-bp,
  columns:                       12,
  column-width:                65px,
  icon:                   'desktop',
);

$landscape: (
  breakpoint:         $landscape-bp,
  columns:                       12,
  column-width:                50px,
  icon:                 'landscape',
);

$portrait: (
  breakpoint:          $portrait-bp,
  columns:                       12,
  column-width:                30px,
  icon:                  'portrait',
);

$mobile: (
  breakpoint:            $mobile-bp,
  columns:                        6,
  column-width:                 1fr,
  icon:                    'mobile',
);

//

$art-boards: (
  'mobile':                 $mobile,
  'tablet-portrait':      $portrait,
  'tablet-landscape':    $landscape,
  'desktop':               $desktop,        
);