Dokumentasi Sass Generator Style

Generator ini dibuat sebagai pengganti Tailwind CSS untuk proyek yang membutuhkan kompatibilitas browser lama (pre-2023) dan performa tinggi tanpa ketergantungan build tool JavaScript yang berat. Generator ini 100% berbasis Sass.

Fitur Utama

1. Tailwind-like Syntax: Mendukung sintaks utility familiar seperti p-4, text-center, md:flex, hover:bg-red-500.
2. Whitelist System: Hanya menghasilkan CSS untuk class yang didaftarkan di konfigurasi (mencegah bloat).
3. Arbitrary Values: Mendukung nilai kustom langsung di classname, termasuk properti kompleks (text/border/ring). Contoh: w-[500px], text-[20px], text-[#f00], border-[2px], m-[calc(100%_+_20px)] (gunakan underscore _ untuk spasi).
4. Negative Values: Mendukung nilai negatif dengan prefix -, contoh: -m-4, -rotate-45.
5. Important Modifier: Mendukung prefix ! untuk !important, contoh: !p-4.
6. Responsive & States: Mendukung breakpoint (sm:, md:, dll) dan state (hover:, focus:, placeholder:).
7. Namespace Isolation: Mendukung prefix global untuk semua class (misal 1ru-) dan variable CSS untuk mencegah konflik.

---

Daftar Utility yang Didukung

| Prefix | Properti | Contoh (semua value default config) | Arbitrary Support | Config (config map) |
| :---------------------- | :-------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | :---------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------- |
| p | padding | p-px, p-0, p-0.5, p-1, p-1.5, p-2, p-2.5, p-3, p-3.5, p-4, p-5, p-6, p-7, p-8, p-9, p-10, p-11, p-12, p-14, p-16, p-20, p-24, p-28, p-32, p-36, p-40, p-44, p-48, p-52, p-56, p-60, p-64, p-72, p-80, p-96, p-1/2, p-1/3, p-2/3, p-1/4, p-2/4, p-3/4, p-1/5, p-2/5, p-3/5, p-4/5, p-1/6, p-2/6, p-3/6, p-4/6, p-5/6, p-1/12, p-2/12, p-3/12, p-4/12, p-5/12, p-6/12, p-7/12, p-8/12, p-9/12, p-10/12, p-11/12, p-full, p-auto, p-none | p-[value] | spacing-map |
| pt | padding-top | pt-px, pt-0, pt-0.5, pt-1, pt-1.5, pt-2, pt-2.5, pt-3, pt-3.5, pt-4, pt-5, pt-6, pt-7, pt-8, pt-9, pt-10, pt-11, pt-12, pt-14, pt-16, pt-20, pt-24, pt-28, pt-32, pt-36, pt-40, pt-44, pt-48, pt-52, pt-56, pt-60, pt-64, pt-72, pt-80, pt-96, pt-1/2, pt-1/3, pt-2/3, pt-1/4, pt-2/4, pt-3/4, pt-1/5, pt-2/5, pt-3/5, pt-4/5, pt-1/6, pt-2/6, pt-3/6, pt-4/6, pt-5/6, pt-1/12, pt-2/12, pt-3/12, pt-4/12, pt-5/12, pt-6/12, pt-7/12, pt-8/12, pt-9/12, pt-10/12, pt-11/12, pt-full, pt-auto, pt-none | pt-[value] | spacing-map |
| pr | padding-right | pr-px, pr-0, pr-0.5, pr-1, pr-1.5, pr-2, pr-2.5, pr-3, pr-3.5, pr-4, pr-5, pr-6, pr-7, pr-8, pr-9, pr-10, pr-11, pr-12, pr-14, pr-16, pr-20, pr-24, pr-28, pr-32, pr-36, pr-40, pr-44, pr-48, pr-52, pr-56, pr-60, pr-64, pr-72, pr-80, pr-96, pr-1/2, pr-1/3, pr-2/3, pr-1/4, pr-2/4, pr-3/4, pr-1/5, pr-2/5, pr-3/5, pr-4/5, pr-1/6, pr-2/6, pr-3/6, pr-4/6, pr-5/6, pr-1/12, pr-2/12, pr-3/12, pr-4/12, pr-5/12, pr-6/12, pr-7/12, pr-8/12, pr-9/12, pr-10/12, pr-11/12, pr-full, pr-auto, pr-none | pr-[value] | spacing-map |
| pb | padding-bottom | pb-px, pb-0, pb-0.5, pb-1, pb-1.5, pb-2, pb-2.5, pb-3, pb-3.5, pb-4, pb-5, pb-6, pb-7, pb-8, pb-9, pb-10, pb-11, pb-12, pb-14, pb-16, pb-20, pb-24, pb-28, pb-32, pb-36, pb-40, pb-44, pb-48, pb-52, pb-56, pb-60, pb-64, pb-72, pb-80, pb-96, pb-1/2, pb-1/3, pb-2/3, pb-1/4, pb-2/4, pb-3/4, pb-1/5, pb-2/5, pb-3/5, pb-4/5, pb-1/6, pb-2/6, pb-3/6, pb-4/6, pb-5/6, pb-1/12, pb-2/12, pb-3/12, pb-4/12, pb-5/12, pb-6/12, pb-7/12, pb-8/12, pb-9/12, pb-10/12, pb-11/12, pb-full, pb-auto, pb-none | pb-[value] | spacing-map |
| pl | padding-left | pl-px, pl-0, pl-0.5, pl-1, pl-1.5, pl-2, pl-2.5, pl-3, pl-3.5, pl-4, pl-5, pl-6, pl-7, pl-8, pl-9, pl-10, pl-11, pl-12, pl-14, pl-16, pl-20, pl-24, pl-28, pl-32, pl-36, pl-40, pl-44, pl-48, pl-52, pl-56, pl-60, pl-64, pl-72, pl-80, pl-96, pl-1/2, pl-1/3, pl-2/3, pl-1/4, pl-2/4, pl-3/4, pl-1/5, pl-2/5, pl-3/5, pl-4/5, pl-1/6, pl-2/6, pl-3/6, pl-4/6, pl-5/6, pl-1/12, pl-2/12, pl-3/12, pl-4/12, pl-5/12, pl-6/12, pl-7/12, pl-8/12, pl-9/12, pl-10/12, pl-11/12, pl-full, pl-auto, pl-none | pl-[value] | spacing-map |
| px | padding-left, padding-right | px-px, px-0, px-0.5, px-1, px-1.5, px-2, px-2.5, px-3, px-3.5, px-4, px-5, px-6, px-7, px-8, px-9, px-10, px-11, px-12, px-14, px-16, px-20, px-24, px-28, px-32, px-36, px-40, px-44, px-48, px-52, px-56, px-60, px-64, px-72, px-80, px-96, px-1/2, px-1/3, px-2/3, px-1/4, px-2/4, px-3/4, px-1/5, px-2/5, px-3/5, px-4/5, px-1/6, px-2/6, px-3/6, px-4/6, px-5/6, px-1/12, px-2/12, px-3/12, px-4/12, px-5/12, px-6/12, px-7/12, px-8/12, px-9/12, px-10/12, px-11/12, px-full, px-auto, px-none | px-[value] | spacing-map |
| py | padding-top, padding-bottom | py-px, py-0, py-0.5, py-1, py-1.5, py-2, py-2.5, py-3, py-3.5, py-4, py-5, py-6, py-7, py-8, py-9, py-10, py-11, py-12, py-14, py-16, py-20, py-24, py-28, py-32, py-36, py-40, py-44, py-48, py-52, py-56, py-60, py-64, py-72, py-80, py-96, py-1/2, py-1/3, py-2/3, py-1/4, py-2/4, py-3/4, py-1/5, py-2/5, py-3/5, py-4/5, py-1/6, py-2/6, py-3/6, py-4/6, py-5/6, py-1/12, py-2/12, py-3/12, py-4/12, py-5/12, py-6/12, py-7/12, py-8/12, py-9/12, py-10/12, py-11/12, py-full, py-auto, py-none | py-[value] | spacing-map |
| m | margin | m-px, m-0, m-0.5, m-1, m-1.5, m-2, m-2.5, m-3, m-3.5, m-4, m-5, m-6, m-7, m-8, m-9, m-10, m-11, m-12, m-14, m-16, m-20, m-24, m-28, m-32, m-36, m-40, m-44, m-48, m-52, m-56, m-60, m-64, m-72, m-80, m-96, m-1/2, m-1/3, m-2/3, m-1/4, m-2/4, m-3/4, m-1/5, m-2/5, m-3/5, m-4/5, m-1/6, m-2/6, m-3/6, m-4/6, m-5/6, m-1/12, m-2/12, m-3/12, m-4/12, m-5/12, m-6/12, m-7/12, m-8/12, m-9/12, m-10/12, m-11/12, m-full, m-auto, m-none | m-[value] | spacing-map |
| mt | margin-top | mt-px, mt-0, mt-0.5, mt-1, mt-1.5, mt-2, mt-2.5, mt-3, mt-3.5, mt-4, mt-5, mt-6, mt-7, mt-8, mt-9, mt-10, mt-11, mt-12, mt-14, mt-16, mt-20, mt-24, mt-28, mt-32, mt-36, mt-40, mt-44, mt-48, mt-52, mt-56, mt-60, mt-64, mt-72, mt-80, mt-96, mt-1/2, mt-1/3, mt-2/3, mt-1/4, mt-2/4, mt-3/4, mt-1/5, mt-2/5, mt-3/5, mt-4/5, mt-1/6, mt-2/6, mt-3/6, mt-4/6, mt-5/6, mt-1/12, mt-2/12, mt-3/12, mt-4/12, mt-5/12, mt-6/12, mt-7/12, mt-8/12, mt-9/12, mt-10/12, mt-11/12, mt-full, mt-auto, mt-none | mt-[value] | spacing-map |
| mr | margin-right | mr-px, mr-0, mr-0.5, mr-1, mr-1.5, mr-2, mr-2.5, mr-3, mr-3.5, mr-4, mr-5, mr-6, mr-7, mr-8, mr-9, mr-10, mr-11, mr-12, mr-14, mr-16, mr-20, mr-24, mr-28, mr-32, mr-36, mr-40, mr-44, mr-48, mr-52, mr-56, mr-60, mr-64, mr-72, mr-80, mr-96, mr-1/2, mr-1/3, mr-2/3, mr-1/4, mr-2/4, mr-3/4, mr-1/5, mr-2/5, mr-3/5, mr-4/5, mr-1/6, mr-2/6, mr-3/6, mr-4/6, mr-5/6, mr-1/12, mr-2/12, mr-3/12, mr-4/12, mr-5/12, mr-6/12, mr-7/12, mr-8/12, mr-9/12, mr-10/12, mr-11/12, mr-full, mr-auto, mr-none | mr-[value] | spacing-map |
| mb | margin-bottom | mb-px, mb-0, mb-0.5, mb-1, mb-1.5, mb-2, mb-2.5, mb-3, mb-3.5, mb-4, mb-5, mb-6, mb-7, mb-8, mb-9, mb-10, mb-11, mb-12, mb-14, mb-16, mb-20, mb-24, mb-28, mb-32, mb-36, mb-40, mb-44, mb-48, mb-52, mb-56, mb-60, mb-64, mb-72, mb-80, mb-96, mb-1/2, mb-1/3, mb-2/3, mb-1/4, mb-2/4, mb-3/4, mb-1/5, mb-2/5, mb-3/5, mb-4/5, mb-1/6, mb-2/6, mb-3/6, mb-4/6, mb-5/6, mb-1/12, mb-2/12, mb-3/12, mb-4/12, mb-5/12, mb-6/12, mb-7/12, mb-8/12, mb-9/12, mb-10/12, mb-11/12, mb-full, mb-auto, mb-none | mb-[value] | spacing-map |
| ml | margin-left | ml-px, ml-0, ml-0.5, ml-1, ml-1.5, ml-2, ml-2.5, ml-3, ml-3.5, ml-4, ml-5, ml-6, ml-7, ml-8, ml-9, ml-10, ml-11, ml-12, ml-14, ml-16, ml-20, ml-24, ml-28, ml-32, ml-36, ml-40, ml-44, ml-48, ml-52, ml-56, ml-60, ml-64, ml-72, ml-80, ml-96, ml-1/2, ml-1/3, ml-2/3, ml-1/4, ml-2/4, ml-3/4, ml-1/5, ml-2/5, ml-3/5, ml-4/5, ml-1/6, ml-2/6, ml-3/6, ml-4/6, ml-5/6, ml-1/12, ml-2/12, ml-3/12, ml-4/12, ml-5/12, ml-6/12, ml-7/12, ml-8/12, ml-9/12, ml-10/12, ml-11/12, ml-full, ml-auto, ml-none | ml-[value] | spacing-map |
| mx | margin-left, margin-right | mx-px, mx-0, mx-0.5, mx-1, mx-1.5, mx-2, mx-2.5, mx-3, mx-3.5, mx-4, mx-5, mx-6, mx-7, mx-8, mx-9, mx-10, mx-11, mx-12, mx-14, mx-16, mx-20, mx-24, mx-28, mx-32, mx-36, mx-40, mx-44, mx-48, mx-52, mx-56, mx-60, mx-64, mx-72, mx-80, mx-96, mx-1/2, mx-1/3, mx-2/3, mx-1/4, mx-2/4, mx-3/4, mx-1/5, mx-2/5, mx-3/5, mx-4/5, mx-1/6, mx-2/6, mx-3/6, mx-4/6, mx-5/6, mx-1/12, mx-2/12, mx-3/12, mx-4/12, mx-5/12, mx-6/12, mx-7/12, mx-8/12, mx-9/12, mx-10/12, mx-11/12, mx-full, mx-auto, mx-none | mx-[value] | spacing-map |
| my | margin-top, margin-bottom | my-px, my-0, my-0.5, my-1, my-1.5, my-2, my-2.5, my-3, my-3.5, my-4, my-5, my-6, my-7, my-8, my-9, my-10, my-11, my-12, my-14, my-16, my-20, my-24, my-28, my-32, my-36, my-40, my-44, my-48, my-52, my-56, my-60, my-64, my-72, my-80, my-96, my-1/2, my-1/3, my-2/3, my-1/4, my-2/4, my-3/4, my-1/5, my-2/5, my-3/5, my-4/5, my-1/6, my-2/6, my-3/6, my-4/6, my-5/6, my-1/12, my-2/12, my-3/12, my-4/12, my-5/12, my-6/12, my-7/12, my-8/12, my-9/12, my-10/12, my-11/12, my-full, my-auto, my-none | my-[value] | spacing-map |
| -m | margin | -m-px, -m-0.5, -m-1, -m-1.5, -m-2, -m-2.5, -m-3, -m-3.5, -m-4, -m-5, -m-6, -m-7, -m-8, -m-9, -m-10, -m-11, -m-12, -m-14, -m-16, -m-20, -m-24, -m-28, -m-32, -m-36, -m-40, -m-44, -m-48, -m-52, -m-56, -m-60, -m-64, -m-72, -m-80, -m-96, -m-1/2, -m-1/3, -m-2/3, -m-1/4, -m-2/4, -m-3/4, -m-1/5, -m-2/5, -m-3/5, -m-4/5, -m-1/6, -m-2/6, -m-3/6, -m-4/6, -m-5/6, -m-1/12, -m-2/12, -m-3/12, -m-4/12, -m-5/12, -m-6/12, -m-7/12, -m-8/12, -m-9/12, -m-10/12, -m-11/12, -m-full, -m-auto | -m-[value] | spacing-map |
| -mt | margin-top | -mt-px, -mt-0.5, -mt-1, -mt-1.5, -mt-2, -mt-2.5, -mt-3, -mt-3.5, -mt-4, -mt-5, -mt-6, -mt-7, -mt-8, -mt-9, -mt-10, -mt-11, -mt-12, -mt-14, -mt-16, -mt-20, -mt-24, -mt-28, -mt-32, -mt-36, -mt-40, -mt-44, -mt-48, -mt-52, -mt-56, -mt-60, -mt-64, -mt-72, -mt-80, -mt-96, -mt-1/2, -mt-1/3, -mt-2/3, -mt-1/4, -mt-2/4, -mt-3/4, -mt-1/5, -mt-2/5, -mt-3/5, -mt-4/5, -mt-1/6, -mt-2/6, -mt-3/6, -mt-4/6, -mt-5/6, -mt-1/12, -mt-2/12, -mt-3/12, -mt-4/12, -mt-5/12, -mt-6/12, -mt-7/12, -mt-8/12, -mt-9/12, -mt-10/12, -mt-11/12, -mt-full, -mt-auto | -mt-[value] | spacing-map |
| -mr | margin-right | -mr-px, -mr-0.5, -mr-1, -mr-1.5, -mr-2, -mr-2.5, -mr-3, -mr-3.5, -mr-4, -mr-5, -mr-6, -mr-7, -mr-8, -mr-9, -mr-10, -mr-11, -mr-12, -mr-14, -mr-16, -mr-20, -mr-24, -mr-28, -mr-32, -mr-36, -mr-40, -mr-44, -mr-48, -mr-52, -mr-56, -mr-60, -mr-64, -mr-72, -mr-80, -mr-96, -mr-1/2, -mr-1/3, -mr-2/3, -mr-1/4, -mr-2/4, -mr-3/4, -mr-1/5, -mr-2/5, -mr-3/5, -mr-4/5, -mr-1/6, -mr-2/6, -mr-3/6, -mr-4/6, -mr-5/6, -mr-1/12, -mr-2/12, -mr-3/12, -mr-4/12, -mr-5/12, -mr-6/12, -mr-7/12, -mr-8/12, -mr-9/12, -mr-10/12, -mr-11/12, -mr-full, -mr-auto | -mr-[value] | spacing-map |
| -mb | margin-bottom | -mb-px, -mb-0.5, -mb-1, -mb-1.5, -mb-2, -mb-2.5, -mb-3, -mb-3.5, -mb-4, -mb-5, -mb-6, -mb-7, -mb-8, -mb-9, -mb-10, -mb-11, -mb-12, -mb-14, -mb-16, -mb-20, -mb-24, -mb-28, -mb-32, -mb-36, -mb-40, -mb-44, -mb-48, -mb-52, -mb-56, -mb-60, -mb-64, -mb-72, -mb-80, -mb-96, -mb-1/2, -mb-1/3, -mb-2/3, -mb-1/4, -mb-2/4, -mb-3/4, -mb-1/5, -mb-2/5, -mb-3/5, -mb-4/5, -mb-1/6, -mb-2/6, -mb-3/6, -mb-4/6, -mb-5/6, -mb-1/12, -mb-2/12, -mb-3/12, -mb-4/12, -mb-5/12, -mb-6/12, -mb-7/12, -mb-8/12, -mb-9/12, -mb-10/12, -mb-11/12, -mb-full, -mb-auto | -mb-[value] | spacing-map |
| -ml | margin-left | -ml-px, -ml-0.5, -ml-1, -ml-1.5, -ml-2, -ml-2.5, -ml-3, -ml-3.5, -ml-4, -ml-5, -ml-6, -ml-7, -ml-8, -ml-9, -ml-10, -ml-11, -ml-12, -ml-14, -ml-16, -ml-20, -ml-24, -ml-28, -ml-32, -ml-36, -ml-40, -ml-44, -ml-48, -ml-52, -ml-56, -ml-60, -ml-64, -ml-72, -ml-80, -ml-96, -ml-1/2, -ml-1/3, -ml-2/3, -ml-1/4, -ml-2/4, -ml-3/4, -ml-1/5, -ml-2/5, -ml-3/5, -ml-4/5, -ml-1/6, -ml-2/6, -ml-3/6, -ml-4/6, -ml-5/6, -ml-1/12, -ml-2/12, -ml-3/12, -ml-4/12, -ml-5/12, -ml-6/12, -ml-7/12, -ml-8/12, -ml-9/12, -ml-10/12, -ml-11/12, -ml-full, -ml-auto | -ml-[value] | spacing-map |
| -mx | margin-left, margin-right | -mx-px, -mx-0.5, -mx-1, -mx-1.5, -mx-2, -mx-2.5, -mx-3, -mx-3.5, -mx-4, -mx-5, -mx-6, -mx-7, -mx-8, -mx-9, -mx-10, -mx-11, -mx-12, -mx-14, -mx-16, -mx-20, -mx-24, -mx-28, -mx-32, -mx-36, -mx-40, -mx-44, -mx-48, -mx-52, -mx-56, -mx-60, -mx-64, -mx-72, -mx-80, -mx-96, -mx-1/2, -mx-1/3, -mx-2/3, -mx-1/4, -mx-2/4, -mx-3/4, -mx-1/5, -mx-2/5, -mx-3/5, -mx-4/5, -mx-1/6, -mx-2/6, -mx-3/6, -mx-4/6, -mx-5/6, -mx-1/12, -mx-2/12, -mx-3/12, -mx-4/12, -mx-5/12, -mx-6/12, -mx-7/12, -mx-8/12, -mx-9/12, -mx-10/12, -mx-11/12, -mx-full, -mx-auto | -mx-[value] | spacing-map |
| -my | margin-top, margin-bottom | -my-px, -my-0.5, -my-1, -my-1.5, -my-2, -my-2.5, -my-3, -my-3.5, -my-4, -my-5, -my-6, -my-7, -my-8, -my-9, -my-10, -my-11, -my-12, -my-14, -my-16, -my-20, -my-24, -my-28, -my-32, -my-36, -my-40, -my-44, -my-48, -my-52, -my-56, -my-60, -my-64, -my-72, -my-80, -my-96, -my-1/2, -my-1/3, -my-2/3, -my-1/4, -my-2/4, -my-3/4, -my-1/5, -my-2/5, -my-3/5, -my-4/5, -my-1/6, -my-2/6, -my-3/6, -my-4/6, -my-5/6, -my-1/12, -my-2/12, -my-3/12, -my-4/12, -my-5/12, -my-6/12, -my-7/12, -my-8/12, -my-9/12, -my-10/12, -my-11/12, -my-full, -my-auto | -my-[value] | spacing-map |
| gap | gap | gap-px, gap-0, gap-0.5, gap-1, gap-1.5, gap-2, gap-2.5, gap-3, gap-3.5, gap-4, gap-5, gap-6, gap-7, gap-8, gap-9, gap-10, gap-11, gap-12, gap-14, gap-16, gap-20, gap-24, gap-28, gap-32, gap-36, gap-40, gap-44, gap-48, gap-52, gap-56, gap-60, gap-64, gap-72, gap-80, gap-96, gap-1/2, gap-1/3, gap-2/3, gap-1/4, gap-2/4, gap-3/4, gap-1/5, gap-2/5, gap-3/5, gap-4/5, gap-1/6, gap-2/6, gap-3/6, gap-4/6, gap-5/6, gap-1/12, gap-2/12, gap-3/12, gap-4/12, gap-5/12, gap-6/12, gap-7/12, gap-8/12, gap-9/12, gap-10/12, gap-11/12, gap-full, gap-auto, gap-none | gap-[value] | spacing-map |
| gap-x | column-gap | gap-x-px, gap-x-0, gap-x-0.5, gap-x-1, gap-x-1.5, gap-x-2, gap-x-2.5, gap-x-3, gap-x-3.5, gap-x-4, gap-x-5, gap-x-6, gap-x-7, gap-x-8, gap-x-9, gap-x-10, gap-x-11, gap-x-12, gap-x-14, gap-x-16, gap-x-20, gap-x-24, gap-x-28, gap-x-32, gap-x-36, gap-x-40, gap-x-44, gap-x-48, gap-x-52, gap-x-56, gap-x-60, gap-x-64, gap-x-72, gap-x-80, gap-x-96, gap-x-1/2, gap-x-1/3, gap-x-2/3, gap-x-1/4, gap-x-2/4, gap-x-3/4, gap-x-1/5, gap-x-2/5, gap-x-3/5, gap-x-4/5, gap-x-1/6, gap-x-2/6, gap-x-3/6, gap-x-4/6, gap-x-5/6, gap-x-1/12, gap-x-2/12, gap-x-3/12, gap-x-4/12, gap-x-5/12, gap-x-6/12, gap-x-7/12, gap-x-8/12, gap-x-9/12, gap-x-10/12, gap-x-11/12, gap-x-full, gap-x-auto, gap-x-none | gap-x-[value] | spacing-map |
| gap-y | row-gap | gap-y-px, gap-y-0, gap-y-0.5, gap-y-1, gap-y-1.5, gap-y-2, gap-y-2.5, gap-y-3, gap-y-3.5, gap-y-4, gap-y-5, gap-y-6, gap-y-7, gap-y-8, gap-y-9, gap-y-10, gap-y-11, gap-y-12, gap-y-14, gap-y-16, gap-y-20, gap-y-24, gap-y-28, gap-y-32, gap-y-36, gap-y-40, gap-y-44, gap-y-48, gap-y-52, gap-y-56, gap-y-60, gap-y-64, gap-y-72, gap-y-80, gap-y-96, gap-y-1/2, gap-y-1/3, gap-y-2/3, gap-y-1/4, gap-y-2/4, gap-y-3/4, gap-y-1/5, gap-y-2/5, gap-y-3/5, gap-y-4/5, gap-y-1/6, gap-y-2/6, gap-y-3/6, gap-y-4/6, gap-y-5/6, gap-y-1/12, gap-y-2/12, gap-y-3/12, gap-y-4/12, gap-y-5/12, gap-y-6/12, gap-y-7/12, gap-y-8/12, gap-y-9/12, gap-y-10/12, gap-y-11/12, gap-y-full, gap-y-auto, gap-y-none | gap-y-[value] | spacing-map |
| basis | flex-basis | basis-px, basis-0, basis-0.5, basis-1, basis-1.5, basis-2, basis-2.5, basis-3, basis-3.5, basis-4, basis-5, basis-6, basis-7, basis-8, basis-9, basis-10, basis-11, basis-12, basis-14, basis-16, basis-20, basis-24, basis-28, basis-32, basis-36, basis-40, basis-44, basis-48, basis-52, basis-56, basis-60, basis-64, basis-72, basis-80, basis-96, basis-1/2, basis-1/3, basis-2/3, basis-1/4, basis-2/4, basis-3/4, basis-1/5, basis-2/5, basis-3/5, basis-4/5, basis-1/6, basis-2/6, basis-3/6, basis-4/6, basis-5/6, basis-1/12, basis-2/12, basis-3/12, basis-4/12, basis-5/12, basis-6/12, basis-7/12, basis-8/12, basis-9/12, basis-10/12, basis-11/12, basis-full, basis-auto, basis-none | basis-[value] | spacing-map |
| top | top | top-px, top-0, top-0.5, top-1, top-1.5, top-2, top-2.5, top-3, top-3.5, top-4, top-5, top-6, top-7, top-8, top-9, top-10, top-11, top-12, top-14, top-16, top-20, top-24, top-28, top-32, top-36, top-40, top-44, top-48, top-52, top-56, top-60, top-64, top-72, top-80, top-96, top-1/2, top-1/3, top-2/3, top-1/4, top-2/4, top-3/4, top-1/5, top-2/5, top-3/5, top-4/5, top-1/6, top-2/6, top-3/6, top-4/6, top-5/6, top-1/12, top-2/12, top-3/12, top-4/12, top-5/12, top-6/12, top-7/12, top-8/12, top-9/12, top-10/12, top-11/12, top-full, top-auto, top-none | top-[value] | spacing-map |
| right | right | right-px, right-0, right-0.5, right-1, right-1.5, right-2, right-2.5, right-3, right-3.5, right-4, right-5, right-6, right-7, right-8, right-9, right-10, right-11, right-12, right-14, right-16, right-20, right-24, right-28, right-32, right-36, right-40, right-44, right-48, right-52, right-56, right-60, right-64, right-72, right-80, right-96, right-1/2, right-1/3, right-2/3, right-1/4, right-2/4, right-3/4, right-1/5, right-2/5, right-3/5, right-4/5, right-1/6, right-2/6, right-3/6, right-4/6, right-5/6, right-1/12, right-2/12, right-3/12, right-4/12, right-5/12, right-6/12, right-7/12, right-8/12, right-9/12, right-10/12, right-11/12, right-full, right-auto, right-none | right-[value] | spacing-map |
| bottom | bottom | bottom-px, bottom-0, bottom-0.5, bottom-1, bottom-1.5, bottom-2, bottom-2.5, bottom-3, bottom-3.5, bottom-4, bottom-5, bottom-6, bottom-7, bottom-8, bottom-9, bottom-10, bottom-11, bottom-12, bottom-14, bottom-16, bottom-20, bottom-24, bottom-28, bottom-32, bottom-36, bottom-40, bottom-44, bottom-48, bottom-52, bottom-56, bottom-60, bottom-64, bottom-72, bottom-80, bottom-96, bottom-1/2, bottom-1/3, bottom-2/3, bottom-1/4, bottom-2/4, bottom-3/4, bottom-1/5, bottom-2/5, bottom-3/5, bottom-4/5, bottom-1/6, bottom-2/6, bottom-3/6, bottom-4/6, bottom-5/6, bottom-1/12, bottom-2/12, bottom-3/12, bottom-4/12, bottom-5/12, bottom-6/12, bottom-7/12, bottom-8/12, bottom-9/12, bottom-10/12, bottom-11/12, bottom-full, bottom-auto, bottom-none | bottom-[value] | spacing-map |
| left | left | left-px, left-0, left-0.5, left-1, left-1.5, left-2, left-2.5, left-3, left-3.5, left-4, left-5, left-6, left-7, left-8, left-9, left-10, left-11, left-12, left-14, left-16, left-20, left-24, left-28, left-32, left-36, left-40, left-44, left-48, left-52, left-56, left-60, left-64, left-72, left-80, left-96, left-1/2, left-1/3, left-2/3, left-1/4, left-2/4, left-3/4, left-1/5, left-2/5, left-3/5, left-4/5, left-1/6, left-2/6, left-3/6, left-4/6, left-5/6, left-1/12, left-2/12, left-3/12, left-4/12, left-5/12, left-6/12, left-7/12, left-8/12, left-9/12, left-10/12, left-11/12, left-full, left-auto, left-none | left-[value] | spacing-map |
| inset | top, right, bottom, left | inset-px, inset-0, inset-0.5, inset-1, inset-1.5, inset-2, inset-2.5, inset-3, inset-3.5, inset-4, inset-5, inset-6, inset-7, inset-8, inset-9, inset-10, inset-11, inset-12, inset-14, inset-16, inset-20, inset-24, inset-28, inset-32, inset-36, inset-40, inset-44, inset-48, inset-52, inset-56, inset-60, inset-64, inset-72, inset-80, inset-96, inset-1/2, inset-1/3, inset-2/3, inset-1/4, inset-2/4, inset-3/4, inset-1/5, inset-2/5, inset-3/5, inset-4/5, inset-1/6, inset-2/6, inset-3/6, inset-4/6, inset-5/6, inset-1/12, inset-2/12, inset-3/12, inset-4/12, inset-5/12, inset-6/12, inset-7/12, inset-8/12, inset-9/12, inset-10/12, inset-11/12, inset-full, inset-auto, inset-none | inset-[value] | spacing-map |
| inset-x | left, right | inset-x-px, inset-x-0, inset-x-0.5, inset-x-1, inset-x-1.5, inset-x-2, inset-x-2.5, inset-x-3, inset-x-3.5, inset-x-4, inset-x-5, inset-x-6, inset-x-7, inset-x-8, inset-x-9, inset-x-10, inset-x-11, inset-x-12, inset-x-14, inset-x-16, inset-x-20, inset-x-24, inset-x-28, inset-x-32, inset-x-36, inset-x-40, inset-x-44, inset-x-48, inset-x-52, inset-x-56, inset-x-60, inset-x-64, inset-x-72, inset-x-80, inset-x-96, inset-x-1/2, inset-x-1/3, inset-x-2/3, inset-x-1/4, inset-x-2/4, inset-x-3/4, inset-x-1/5, inset-x-2/5, inset-x-3/5, inset-x-4/5, inset-x-1/6, inset-x-2/6, inset-x-3/6, inset-x-4/6, inset-x-5/6, inset-x-1/12, inset-x-2/12, inset-x-3/12, inset-x-4/12, inset-x-5/12, inset-x-6/12, inset-x-7/12, inset-x-8/12, inset-x-9/12, inset-x-10/12, inset-x-11/12, inset-x-full, inset-x-auto, inset-x-none | inset-x-[value] | spacing-map |
| inset-y | top, bottom | inset-y-px, inset-y-0, inset-y-0.5, inset-y-1, inset-y-1.5, inset-y-2, inset-y-2.5, inset-y-3, inset-y-3.5, inset-y-4, inset-y-5, inset-y-6, inset-y-7, inset-y-8, inset-y-9, inset-y-10, inset-y-11, inset-y-12, inset-y-14, inset-y-16, inset-y-20, inset-y-24, inset-y-28, inset-y-32, inset-y-36, inset-y-40, inset-y-44, inset-y-48, inset-y-52, inset-y-56, inset-y-60, inset-y-64, inset-y-72, inset-y-80, inset-y-96, inset-y-1/2, inset-y-1/3, inset-y-2/3, inset-y-1/4, inset-y-2/4, inset-y-3/4, inset-y-1/5, inset-y-2/5, inset-y-3/5, inset-y-4/5, inset-y-1/6, inset-y-2/6, inset-y-3/6, inset-y-4/6, inset-y-5/6, inset-y-1/12, inset-y-2/12, inset-y-3/12, inset-y-4/12, inset-y-5/12, inset-y-6/12, inset-y-7/12, inset-y-8/12, inset-y-9/12, inset-y-10/12, inset-y-11/12, inset-y-full, inset-y-auto, inset-y-none | inset-y-[value] | spacing-map |
| -top | top | -top-px, -top-0.5, -top-1, -top-1.5, -top-2, -top-2.5, -top-3, -top-3.5, -top-4, -top-5, -top-6, -top-7, -top-8, -top-9, -top-10, -top-11, -top-12, -top-14, -top-16, -top-20, -top-24, -top-28, -top-32, -top-36, -top-40, -top-44, -top-48, -top-52, -top-56, -top-60, -top-64, -top-72, -top-80, -top-96, -top-1/2, -top-1/3, -top-2/3, -top-1/4, -top-2/4, -top-3/4, -top-1/5, -top-2/5, -top-3/5, -top-4/5, -top-1/6, -top-2/6, -top-3/6, -top-4/6, -top-5/6, -top-1/12, -top-2/12, -top-3/12, -top-4/12, -top-5/12, -top-6/12, -top-7/12, -top-8/12, -top-9/12, -top-10/12, -top-11/12, -top-full, -top-auto | -top-[value] | spacing-map |
| -right | right | -right-px, -right-0.5, -right-1, -right-1.5, -right-2, -right-2.5, -right-3, -right-3.5, -right-4, -right-5, -right-6, -right-7, -right-8, -right-9, -right-10, -right-11, -right-12, -right-14, -right-16, -right-20, -right-24, -right-28, -right-32, -right-36, -right-40, -right-44, -right-48, -right-52, -right-56, -right-60, -right-64, -right-72, -right-80, -right-96, -right-1/2, -right-1/3, -right-2/3, -right-1/4, -right-2/4, -right-3/4, -right-1/5, -right-2/5, -right-3/5, -right-4/5, -right-1/6, -right-2/6, -right-3/6, -right-4/6, -right-5/6, -right-1/12, -right-2/12, -right-3/12, -right-4/12, -right-5/12, -right-6/12, -right-7/12, -right-8/12, -right-9/12, -right-10/12, -right-11/12, -right-full, -right-auto | -right-[value] | spacing-map |
| -bottom | bottom | -bottom-px, -bottom-0.5, -bottom-1, -bottom-1.5, -bottom-2, -bottom-2.5, -bottom-3, -bottom-3.5, -bottom-4, -bottom-5, -bottom-6, -bottom-7, -bottom-8, -bottom-9, -bottom-10, -bottom-11, -bottom-12, -bottom-14, -bottom-16, -bottom-20, -bottom-24, -bottom-28, -bottom-32, -bottom-36, -bottom-40, -bottom-44, -bottom-48, -bottom-52, -bottom-56, -bottom-60, -bottom-64, -bottom-72, -bottom-80, -bottom-96, -bottom-1/2, -bottom-1/3, -bottom-2/3, -bottom-1/4, -bottom-2/4, -bottom-3/4, -bottom-1/5, -bottom-2/5, -bottom-3/5, -bottom-4/5, -bottom-1/6, -bottom-2/6, -bottom-3/6, -bottom-4/6, -bottom-5/6, -bottom-1/12, -bottom-2/12, -bottom-3/12, -bottom-4/12, -bottom-5/12, -bottom-6/12, -bottom-7/12, -bottom-8/12, -bottom-9/12, -bottom-10/12, -bottom-11/12, -bottom-full, -bottom-auto | -bottom-[value] | spacing-map |
| -left | left | -left-px, -left-0.5, -left-1, -left-1.5, -left-2, -left-2.5, -left-3, -left-3.5, -left-4, -left-5, -left-6, -left-7, -left-8, -left-9, -left-10, -left-11, -left-12, -left-14, -left-16, -left-20, -left-24, -left-28, -left-32, -left-36, -left-40, -left-44, -left-48, -left-52, -left-56, -left-60, -left-64, -left-72, -left-80, -left-96, -left-1/2, -left-1/3, -left-2/3, -left-1/4, -left-2/4, -left-3/4, -left-1/5, -left-2/5, -left-3/5, -left-4/5, -left-1/6, -left-2/6, -left-3/6, -left-4/6, -left-5/6, -left-1/12, -left-2/12, -left-3/12, -left-4/12, -left-5/12, -left-6/12, -left-7/12, -left-8/12, -left-9/12, -left-10/12, -left-11/12, -left-full, -left-auto | -left-[value] | spacing-map |
| -inset | top, right, bottom, left | -inset-px, -inset-0.5, -inset-1, -inset-1.5, -inset-2, -inset-2.5, -inset-3, -inset-3.5, -inset-4, -inset-5, -inset-6, -inset-7, -inset-8, -inset-9, -inset-10, -inset-11, -inset-12, -inset-14, -inset-16, -inset-20, -inset-24, -inset-28, -inset-32, -inset-36, -inset-40, -inset-44, -inset-48, -inset-52, -inset-56, -inset-60, -inset-64, -inset-72, -inset-80, -inset-96, -inset-1/2, -inset-1/3, -inset-2/3, -inset-1/4, -inset-2/4, -inset-3/4, -inset-1/5, -inset-2/5, -inset-3/5, -inset-4/5, -inset-1/6, -inset-2/6, -inset-3/6, -inset-4/6, -inset-5/6, -inset-1/12, -inset-2/12, -inset-3/12, -inset-4/12, -inset-5/12, -inset-6/12, -inset-7/12, -inset-8/12, -inset-9/12, -inset-10/12, -inset-11/12, -inset-full, -inset-auto | -inset-[value] | spacing-map |
| -inset-x | left, right | -inset-x-px, -inset-x-0.5, -inset-x-1, -