Style — Nexautility
Kelas pada atribut class diubah menjadi inline style oleh Nexautility::transform() — pola margin, padding, border, warna, tampilan, dll.
Nexautility.php · class → style
App\System\Dom\Nexautility::transform($content) memindai tag HTML, mem-parse class="…", mengonversi pola kelas helper (Nexautility) ke inline style, dan menyisakan di class hanya nama yang tidak dikenali.
NexaDom disembunyikan (display:none). (2) Warna hex bisa sebagai class mandiri: #ff0000 (warna teks) atau b#00ff00 (background); pola serupa diproses juga pada class="…#hex…" di awal transform. (3) Nilai numerik memakai unit default px (kecuali properti yang dianggap unitless / ms untuk waktu — lihat getDefaultUnit() di sumber).
Prefix umum ($utilities)
Pola prefix-nilai atau prefix-nilai-unit. Contoh prefix yang didaftarkan:
| Prefix | Properti CSS |
|---|---|
tx- | text-align (nilai: center, left, right) |
position- / pos- | position |
top-, bottom-, left-, right- | posisi (px default) |
w-, h- | width, height |
min-w-, min-h-, max-w-, max-h- | min/max width & height |
m-, mt-, mb-, ml-, mr-, mx-, my- | margin |
p-, pt-, pb-, pl-, pr-, px-, py- | padding |
fs-, fw-, lh- | font-size, font-weight, line-height |
br- | border-radius (bukan border kanan — itu pola brw- di bawah) |
bw- | border-width (lihat juga pola border khusus) |
op-, z- | opacity, z-index |
bg-, text- | background-color, color — hati-hati: text-left / text-center dll. ditangani sebagai text-align (lihat bawah) |
Display & float (kata kunci khusus)
Bukan prefix d-: gunakan nama class persis berikut:
- Display:
hidden→display:none;block,inline,flex→ nilaidisplayyang sama. - Float:
pull-right,pull-left.
Berat font (kata kunci khusus)
bold, normal, thin, light, medium, semibold, extrabold → dipetakan ke nilai font-weight 100–800 sesuai implementasi di file.
Perataan teks (Tailwind-style)
text-left, text-center, text-right, text-justify, text-start, text-end → text-align. Diproses sebelum prefix text- untuk warna agar tidak bentrok.
Border (pola regex)
Selain br-5 untuk radius, ada pola border lengkap per sisi (default style solid jika tidak diberi):
| Pola | Arti |
|---|---|
bw-1, bw-1-dashed-#ccc | Semua sisi: lebar (px), style opsional, warna hex opsional |
btw-, bbw-, blw-, brw- | Border top / bottom / left / right (sintaks sama: angka, style, #hex) |
Warna sebagai class
#rgb / #rrggbb → color; b#hex → background-color.
<div class="mt-10 mx-5 p-4 flex text-center bw-1-#ddd br-8">Content</div>Lanjut
Sebelumnya: dump(). Berikutnya: Filter (NexaFilter). Indeks Helper · Dokumentasi · Beranda.