DOCUMENTATION / FRONTEND
CSS & styling.
Utility dl- dan CSS biasa yang langsung berjalan tanpa compiler.
Urutan stylesheet
dl.css berisi 952 utility yang sudah tersedia. components.css mendefinisikan UI starter. Tambahkan app.css terakhir untuk override.
PHP view
<link rel="stylesheet" href="<?= e(asset('dl.css')) ?>">
<link rel="stylesheet" href="<?= e(asset('components.css')) ?>">
<link rel="stylesheet" href="<?= e(asset('app.css')) ?>">Gunakan class yang tersedia
Registry docs/css-classes.json adalah daftar kelas yang valid. Tidak ada compiler untuk membuat arbitrary values atau varian baru secara otomatis. Gunakan CSS biasa untuk kebutuhan khusus.
PHP view
<div class="dl-flex">
<?= component('badge', ['label'=>'Ready']) ?>
</div>Warna dan tema
Override variabel komponen dalam stylesheet aplikasi. Periksa kontras teks dan fokus setelah mengganti warna.
CSS
/* public/assets/app.css */
:root {
--dl-ink: #22212a;
--dl-muted: #686270;
--dl-line: #e7e2ea;
}
.my-grid { display: grid; gap: 1rem; }
@media (min-width: 48rem) {
.my-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}Pengiriman aset
Perubahan file lokal langsung dipakai saat halaman dimuat ulang. asset() membantu cache-busting. Aktifkan kompresi HTTP dan OPcache lewat hosting jika tersedia.