Height
| .h-px | height: 1px |
| .h-0 | height: 0 |
| .h-0.5 | height: 0.125rem |
| .h-1 | height: 0.25rem |
| .h-1.5 | height: 0.375rem |
| .h-2 | height: 0.5rem |
| .h-2.5 | height: 0.625rem |
| .h-3 | height: 0.75rem |
| .h-4 | height: 1rem |
| .h-5 | height: 1.25rem |
| .h-6 | height: 1.5rem |
| .h-8 | height: 2rem |
| .h-10 | height: 2.5rem |
| .h-12 | height: 3rem |
| .h-16 | height: 4rem |
| .h-20 | height: 5rem |
| .h-24 | height: 6rem |
| .h-32 | height: 8rem |
| .h-40 | height: 10rem |
| .h-48 | height: 12rem |
| .h-56 | height: 14rem |
| .h-64 | height: 16rem |
| .h-72 | height: 18rem |
| .h-80 | height: 20rem |
| .h-96 | height: 24rem |
| .h-1/2 | height: 50% |
| .h-1/3 | height: 33.333333% |
| .h-2/3 | height: 66.666667% |
| .h-1/4 | height: 25% |
| .h-2/4 | height: 50% |
| .h-3/4 | height: 75% |
| .h-1/5 | height: 20% |
| .h-2/5 | height: 40% |
| .h-3/5 | height: 60% |
| .h-4/5 | height: 80% |
| .h-1/6 | height: 16.666667% |
| .h-2/6 | height: 33.333333% |
| .h-3/6 | height: 50% |
| .h-4/6 | height: 66.666667% |
| .h-5/6 | height: 83.333333% |
| .h-1/12 | height: 8.333333% |
| .h-2/12 | height: 16.666667% |
| .h-3/12 | height: 25% |
| .h-4/12 | height: 33.333333% |
| .h-5/12 | height: 41.666667% |
| .h-6/12 | height: 50% |
| .h-7/12 | height: 58.333333% |
| .h-8/12 | height: 66.666667% |
| .h-9/12 | height: 75% |
| .h-10/12 | height: 83.333333% |
| .h-11/12 | height: 91.666667% |
Min Height
| .min-h-px | min-height: 1px |
| .min-h-0 | min-height: 0 |
| .min-h-0.5 | min-height: 0.125rem |
| .min-h-1 | min-height: 0.25rem |
| .min-h-1.5 | min-height: 0.375rem |
| .min-h-2 | min-height: 0.5rem |
| .min-h-2.5 | min-height: 0.625rem |
| .min-h-3 | min-height: 0.75rem |
| .min-h-4 | min-height: 1rem |
| .min-h-5 | min-height: 1.25rem |
| .min-h-6 | min-height: 1.5rem |
| .min-h-8 | min-height: 2rem |
| .min-h-10 | min-height: 2.5rem |
| .min-h-12 | min-height: 3rem |
| .min-h-16 | min-height: 4rem |
| .min-h-20 | min-height: 5rem |
| .min-h-24 | min-height: 6rem |
| .min-h-32 | min-height: 8rem |
| .min-h-40 | min-height: 10rem |
| .min-h-48 | min-height: 12rem |
| .min-h-56 | min-height: 14rem |
| .min-h-64 | min-height: 16rem |
| .min-h-72 | min-height: 18rem |
| .min-h-80 | min-height: 20rem |
| .min-h-96 | min-height: 24rem |
Max Height
| .max-h-px | max-height: 1px |
| .max-h-0 | max-height: 0 |
| .max-h-0.5 | max-height: 0.125rem |
| .max-h-1 | max-height: 0.25rem |
| .max-h-1.5 | max-height: 0.375rem |
| .max-h-2 | max-height: 0.5rem |
| .max-h-2.5 | max-height: 0.625rem |
| .max-h-3 | max-height: 0.75rem |
| .max-h-4 | max-height: 1rem |
| .max-h-5 | max-height: 1.25rem |
| .max-h-6 | max-height: 1.5rem |
| .max-h-8 | max-height: 2rem |
| .max-h-10 | max-height: 2.5rem |
| .max-h-12 | max-height: 3rem |
| .max-h-16 | max-height: 4rem |
| .max-h-20 | max-height: 5rem |
| .max-h-24 | max-height: 6rem |
| .max-h-32 | max-height: 8rem |
| .max-h-40 | max-height: 10rem |
| .max-h-48 | max-height: 12rem |
| .max-h-56 | max-height: 14rem |
| .max-h-64 | max-height: 16rem |
| .max-h-72 | max-height: 18rem |
| .max-h-80 | max-height: 20rem |
| .max-h-96 | max-height: 24rem |
Width
| .w-px | width: 1px |
| .w-0 | width: 0 |
| .w-0.5 | width: 0.125rem |
| .w-1 | width: 0.25rem |
| .w-1.5 | width: 0.375rem |
| .w-2 | width: 0.5rem |
| .w-2.5 | width: 0.625rem |
| .w-3 | width: 0.75rem |
| .w-4 | width: 1rem |
| .w-5 | width: 1.25rem |
| .w-6 | width: 1.5rem |
| .w-8 | width: 2rem |
| .w-10 | width: 2.5rem |
| .w-12 | width: 3rem |
| .w-16 | width: 4rem |
| .w-20 | width: 5rem |
| .w-24 | width: 6rem |
| .w-32 | width: 8rem |
| .w-40 | width: 10rem |
| .w-48 | width: 12rem |
| .w-56 | width: 14rem |
| .w-64 | width: 16rem |
| .w-72 | width: 18rem |
| .w-80 | width: 20rem |
| .w-96 | width: 24rem |
| .w-1/2 | width: 50% |
| .w-1/3 | width: 33.333333% |
| .w-2/3 | width: 66.666667% |
| .w-1/4 | width: 25% |
| .w-2/4 | width: 50% |
| .w-3/4 | width: 75% |
| .w-1/5 | width: 20% |
| .w-2/5 | width: 40% |
| .w-3/5 | width: 60% |
| .w-4/5 | width: 80% |
| .w-1/6 | width: 16.666667% |
| .w-2/6 | width: 33.333333% |
| .w-3/6 | width: 50% |
| .w-4/6 | width: 66.666667% |
| .w-5/6 | width: 83.333333% |
| .w-1/12 | width: 8.333333% |
| .w-2/12 | width: 16.666667% |
| .w-3/12 | width: 25% |
| .w-4/12 | width: 33.333333% |
| .w-5/12 | width: 41.666667% |
| .w-6/12 | width: 50% |
| .w-7/12 | width: 58.333333% |
| .w-8/12 | width: 66.666667% |
| .w-9/12 | width: 75% |
| .w-10/12 | width: 83.333333% |
| .w-11/12 | width: 91.666667% |
| .w-full | width: 100% |
Min Width
| .min-w-px | min-width: 1px |
| .min-w-0 | min-width: 0 |
| .min-w-0.5 | min-width: 0.125rem |
| .min-w-1 | min-width: 0.25rem |
| .min-w-1.5 | min-width: 0.375rem |
| .min-w-2 | min-width: 0.5rem |
| .min-w-2.5 | min-width: 0.625rem |
| .min-w-3 | min-width: 0.75rem |
| .min-w-4 | min-width: 1rem |
| .min-w-5 | min-width: 1.25rem |
| .min-w-6 | min-width: 1.5rem |
| .min-w-8 | min-width: 2rem |
| .min-w-10 | min-width: 2.5rem |
| .min-w-12 | min-width: 3rem |
| .min-w-16 | min-width: 4rem |
| .min-w-20 | min-width: 5rem |
| .min-w-24 | min-width: 6rem |
| .min-w-32 | min-width: 8rem |
| .min-w-40 | min-width: 10rem |
| .min-w-48 | min-width: 12rem |
| .min-w-56 | min-width: 14rem |
| .min-w-64 | min-width: 16rem |
| .min-w-72 | min-width: 18rem |
| .min-w-80 | min-width: 20rem |
| .min-w-96 | min-width: 24rem |
Max Width
| .max-w-px | max-width: 1px |
| .max-w-0 | max-width: 0 |
| .max-w-0.5 | max-width: 0.125rem |
| .max-w-1 | max-width: 0.25rem |
| .max-w-1.5 | max-width: 0.375rem |
| .max-w-2 | max-width: 0.5rem |
| .max-w-2.5 | max-width: 0.625rem |
| .max-w-3 | max-width: 0.75rem |
| .max-w-4 | max-width: 1rem |
| .max-w-5 | max-width: 1.25rem |
| .max-w-6 | max-width: 1.5rem |
| .max-w-8 | max-width: 2rem |
| .max-w-10 | max-width: 2.5rem |
| .max-w-12 | max-width: 3rem |
| .max-w-16 | max-width: 4rem |
| .max-w-20 | max-width: 5rem |
| .max-w-24 | max-width: 6rem |
| .max-w-32 | max-width: 8rem |
| .max-w-40 | max-width: 10rem |
| .max-w-48 | max-width: 12rem |
| .max-w-56 | max-width: 14rem |
| .max-w-64 | max-width: 16rem |
| .max-w-72 | max-width: 18rem |
| .max-w-80 | max-width: 20rem |
| .max-w-96 | max-width: 24rem |
Default Sizing Map
$spacing: (
'px': 1px,
'0': 0,
'0\\.5': 0.125rem,
'1': 0.25rem,
'1\\.5': 0.375rem,
'2': 0.5rem,
'2\\.5': 0.625rem,
'3': 0.75rem,
'4': 1rem,
'5': 1.25rem,
'6': 1.5rem,
'8': 2rem,
'10': 2.5rem,
'12': 3rem,
'16': 4rem,
'20': 5rem,
'24': 6rem,
'32': 8rem,
'40': 10rem,
'48': 12rem,
'56': 14rem,
'64': 16rem,
'72': 18rem,
'80': 20rem,
'96': 24rem
);
Default Sizing Percent Map
$spacing_percent: (
'1/2': 50%,
'1/3': 33.333333%,
'2/3': 66.666667%,
'1/4': 25%,
'2/4': 50%,
'3/4': 75%,
'1/5': 20%,
'2/5': 40%,
'3/5': 60%,
'4/5': 80%,
'1/6': 16.666667%,
'2/6': 33.333333%,
'3/6': 50%,
'4/6': 66.666667%,
'5/6': 83.333333%,
'1/12': 8.333333%,
'2/12': 16.666667%,
'3/12': 25%,
'4/12': 33.333333%,
'5/12': 41.666667%,
'6/12': 50%,
'7/12': 58.333333%,
'8/12': 66.666667%,
'9/12': 75%,
'10/12': 83.333333%,
'11/12': 91.666667%,
);