Rujukan Space

Atribut space mengawal saiz dan jarak.

Sintaksis

[breakpoint]:[property]:[scale]

Titik Henti: mob:, tab:, lap:, desk:

Nilai skala: none, tiny, small, medium, big, giant, vast

Jarak

Padding - Jarak dalaman (p, p-t, p-r, p-b, p-l, p-x, p-y)
Margin - Jarak luar (m, m-t, m-r, m-b, m-l, m-x, m-y)
Gap - Jarak flex/grid (g, g-x, g-y)

Dimensi

Lebar - Lebar elemen (w, min-w, max-w)
Tinggi - Tinggi elemen (h, min-h, max-h)

Rujukan

Nilai Arbitrari - Sintaks escape hatch [value]
Rujukan Skala - Nilai kata kunci skala

Contoh Pantas

html

<div space="p:medium m-b:big w:[100%] max-w:[800px]">
  Kad dengan padding sederhana, margin bawah besar, dan lebar terhad
</div>