@import 'mini-unit';
@import 'convert';

/// 0.125rem (2px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-3xs: var(--cds-spacing-50) !default;

/// 0.25rem (4px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-xxs: var(--cds-spacing-100) !default;

/// 0.5rem (8px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-xs: var(--cds-spacing-200) !default;

/// 0.75rem (12px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-s: var(--cds-spacing-300) !default;

/// 1rem (16px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-m: var(--cds-spacing-400) !default;

/// 1.5rem (24px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-l: var(--cds-spacing-500) !default;

/// 2rem (32px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-xl: var(--cds-spacing-600) !default;

/// 2.5rem (40px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-xxl: var(--cds-spacing-700) !default;

/// 3rem (48px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-3xl: var(--cds-spacing-800) !default;

/// 4rem (64px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-4xl: var(--cds-spacing-900) !default;

/// 5rem (80px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-5xl: var(--cds-spacing-1000) !default;

/// 6rem (96px) spacing with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-spacing-6xl: var(--cds-spacing-1100) !default;

/// All spacing increments in a map
/// @type Map
/// @access public
/// @group @cds/layout
$cds-spacing: (
  $cds-spacing-3xs,
  $cds-spacing-xxs,
  $cds-spacing-xs,
  $cds-spacing-s,
  $cds-spacing-m,
  $cds-spacing-l,
  $cds-spacing-xl,
  $cds-spacing-xxl,
  $cds-spacing-3xl,
  $cds-spacing-4xl,
  $cds-spacing-5xl,
  $cds-spacing-6xl
) !default;

/// 1rem (16px) layout with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-layout-xs: cds-mini-units(2) !default;

/// 1.5rem (24px) layout with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-layout-s: cds-mini-units(3) !default;

/// 2rem (32px) layout with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-layout-m: cds-mini-units(4) !default;

/// 3rem (48px) layout with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-layout-l: cds-mini-units(6) !default;

/// 4rem (64px) layout with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-layout-xl: cds-mini-units(8) !default;

/// 6rem (96px) layout with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-layout-xxl: cds-mini-units(12) !default;

/// 10rem (160px) layout with default mini unit
/// @type Number
/// @access public
/// @group @cds/layout
$cds-layout-3xl: cds-mini-units(20) !default;

/// All layout increments in a map
/// @type Map
/// @access public
/// @group @cds/layout
$cds-layout: (
  $cds-layout-xs,
  $cds-layout-s,
  $cds-layout-m,
  $cds-layout-l,
  $cds-layout-xl,
  $cds-layout-xxl,
  $cds-layout-3xl
) !default;

/// 0vw fluid spacing
/// @type Number
/// @access public
/// @group @cds/layout
$cds-fluid-spacing-s: 0;

/// 2vw fluid spacing
/// @type Number
/// @access public
/// @group @cds/layout
$cds-fluid-spacing-m: 2vw;

/// 5vw fluid spacing
/// @type Number
/// @access public
/// @group @cds/layout
$cds-fluid-spacing-l: 5vw;

/// 10vw fluid spacing
/// @type Number
/// @access public
/// @group @cds/layout
$cds-fluid-spacing-xl: 10vw;

/// All fluid spacing increments in a map
/// @type Map
/// @access public
/// @group @cds/layout
$cds-fluid-spacing: (
  $cds-fluid-spacing-s,
  $cds-fluid-spacing-m,
  $cds-fluid-spacing-l,
  $cds-fluid-spacing-xl
) !default;

