// *******************************************************************
// Default spacing scale
// By default, Tailwind includes a generous and comprehensive numeric spacing scale.
// Use as gap, padding, margin, width, height, transform
// *******************************************************************
$size-0:  0;
$size-1:  0.25rem;
$size-2:  0.5rem;
$size-3:  0.75rem;
$size-4:  1rem;
$size-5:  1.25rem;
$size-6:  1.5rem;
$size-8:  2rem;
$size-10: 2.5rem;
$size-12: 3rem;
$size-16: 4rem;
$size-20: 5rem;
$size-24: 6rem;
$size-32: 8rem;
$size-40: 10rem;
$size-48: 12rem;
$size-56: 14rem;
$size-64: 16rem;
$size-px: 1px;

$size-auto:   auto;
$size-full:   100%;
$size-screen: 100vw;

$size-map: ("x-small": $size-2, "small": $size-4, "medium": $size-6, "large": $size-8, "x-large": $size-10);