// stylelint-disable length-zero-no-unit
@use '../functions' as fns;

$spacers: (
  '0': fns.rem(0px),
  '4': fns.rem(4px),
  '8': fns.rem(8px),
  '12': fns.rem(12px),
  '16': fns.rem(16px),
  '20': fns.rem(20px),
  '24': fns.rem(24px),
  '32': fns.rem(32px),
  '40': fns.rem(40px),
  '48': fns.rem(48px),
  '96': fns.rem(96px),
);

$spacing-0: map-get($spacers, '0');
$spacing-4: map-get($spacers, '4'); // deprecated
$spacing-8: map-get($spacers, '8');
$spacing-12: map-get($spacers, '12'); // deprecated
$spacing-16: map-get($spacers, '16');
$spacing-20: map-get($spacers, '20');
$spacing-24: map-get($spacers, '24');
$spacing-32: map-get($spacers, '32');
$spacing-40: map-get($spacers, '40');
$spacing-48: map-get($spacers, '48');
$spacing-96: map-get($spacers, '96');

// Breakpoint widths
$width-xxs: 0;
$width-xs: 544px;
$width-sm: 768px;
$width-md: 992px;
$width-lg: 1200px;
$width-xl: 1400px;

// Breakpoints
$breakpoints: (
  xxs: $width-xxs,
  xs: $width-xs,
  sm: $width-sm,
  md: $width-md,
  lg: $width-lg,
  xl: $width-xl,
);