_sizes.scss

abstracts/_sizes.scss

// for creating utility classes
$sizes: (
  1px: 0.0625rem,
  2px: 0.125rem,
  3px: 0.1875rem,
  4px: 0.25rem,
  5px: 0.3125rem,
  6px: 0.375rem,
  7px: 0.4375rem,
  8px: 0.5rem,
  9px: 0.5625rem,
  10px: 0.625rem,
  11px: 0.6875rem,
  12px: 0.75rem,
  13px: 0.8125rem,
  14px: 0.875rem,
  15px: 0.9375rem,
  1: 1rem,
  1-125: 1.125rem,
  1-25: 1.25rem,
  1-375: 1.375rem,
  1-5: 1.5rem,
  1-625: 1.625rem,
  1-75: 1.75rem,
  2: 2rem,
  2-5: 2.5rem,
  3: 3rem,
  3-5: 3.5rem,
  4: 4rem,
  5: 5rem,
);

// for use in the code base
$size-1px: 0.0625rem;
$size-2px: 0.125rem;
$size-3px: 0.1875rem;
$size-4px: 0.25rem;
$size-5px: 0.3125rem;
$size-6px: 0.375rem;
$size-7px: 0.4375rem;
$size-8px: 0.5rem;
$size-9px: 0.5625rem;
$size-10px: 0.625rem;
$size-11px: 0.6875rem;
$size-12px: 0.75rem;
$size-13px: 0.8125rem;
$size-14px: 0.875rem;
$size-15px: 0.9375rem;
$size-1: 1rem;
$size-1-125: 1.125rem;
$size-1-375: 1.375rem;
$size-1-5: 1.5rem;
$size-1-625: 1.625rem;
$size-1-75: 1.75rem;
$size-2: 2rem;
$size-2-5: 2.5rem;
$size-3: 3rem;
$size-3-5: 3.5rem;
$size-4: 4rem;
$size-5: 5rem;