SCSS Formatter & Minifier
Rapikan SCSS (Sass) dengan Prettier, atau padatkan. Tool ini merapikan (beautify) sekaligus memadatkan (minify) SCSS dalam satu halaman — tempel kode, pilih mode, lalu klik. Semua diproses di perangkat Anda tanpa dikirim ke server.
Semua proses berjalan di browser Anda. Kode tidak pernah dikirim ke server kami.
Contoh
Contoh Input
.a{.b{color:red}}Contoh Output
.a {
.b {
color: red;
}
}Cara Penggunaan
- 1Pilih mode Format atau Minify di bagian atas.
- 2Tempel kode SCSS Anda pada kolom Input.
- 3Jika perlu, atur lebar indentasi di "Pengaturan Lainnya".
- 4Klik tombol (atau tekan Ctrl+Enter) untuk memproses. Hasilnya muncul di kolom Hasil.
- 5Klik Salin untuk menyalin hasilnya.
Tentang SCSS Formatter
SCSS Formatter merapikan kode SCSS (sintaks Sass) menggunakan Prettier, menjaga nesting, variabel, dan mixin tetap terbaca, atau memadatkannya untuk produksi.
Cara kerjanya: Format memakai parser SCSS Prettier yang memahami fitur Sass seperti nesting dan & selector. Minify menghapus whitespace dan komentar untuk ukuran kecil.
SCSS rapi penting saat bekerja dalam tim karena nesting yang dalam mudah berantakan. Tool ini menjaga gaya konsisten di seluruh proyek.
Pertanyaan Umum (FAQ)
Apakah SCSS ini bisa format sekaligus minify?
Ya. Satu halaman dengan toggle — mode Format untuk merapikan (beautify) dengan indentasi, dan mode Minify untuk memadatkannya. Tidak perlu dua halaman terpisah.
Apakah kode saya dikirim ke server?
Tidak. SCSS diproses sepenuhnya di browser Anda menggunakan JavaScript/WebAssembly. Kode Anda tidak pernah meninggalkan perangkat Anda.