Skip to content

_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;