@use "../utilities";

$spacing-scale: (
  // 0 - 0x
  0rem,
  // 1 - quarter-x
  0.25rem,
  // 2 - half-x
  0.5rem,
  // 3 - three-quarter-x
  0.75rem,
  // 4 - 1x
  1rem,
  // 5 - one-and-a-half-x
  1.5rem,
  // 6 - 2x
  2rem,
  // 7 - 3x
  3rem,
  // 8 - 4x
  4rem,
  // 9 - 6x
  6rem,
  // 10 - 8x
  8rem,
  // 11 - 12x
  12rem,
  // 12 - 24x
  24rem
);

$spacing-map: (
  '0x': utilities.access($spacing-scale, 0),
  'quarter-x': utilities.access($spacing-scale, 1),
  'half-x': utilities.access($spacing-scale, 2),
  'three-quarter-x': utilities.access($spacing-scale, 3),
  '1x': utilities.access($spacing-scale, 4),
  'one-and-a-half-x': utilities.access($spacing-scale, 5),
  '2x': utilities.access($spacing-scale, 6),
  '3x': utilities.access($spacing-scale, 7),
  '4x': utilities.access($spacing-scale, 8),
  '6x': utilities.access($spacing-scale, 9),
  '8x': utilities.access($spacing-scale, 10),
  '12x': utilities.access($spacing-scale, 11),
  '24x': utilities.access($spacing-scale, 12)
);

$space: (
  scale: $spacing-scale,
  map: $spacing-map
);