// ******************************************************************* // 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: (2: $size-2, 4: $size-4, 6: $size-6, 8: $size-8, 10: $size-10);