Kompiler SCSS & Sass

Kompilasi cuplikan SCSS/Sass yang ditempel atau file .scss/.sass langsung di browser Anda. Stylesheet Anda tidak diunggah, dicatat, atau dikirim ke API.

Klik untuk memilih file SCSS/Sass atau letakkan di sini

Anda juga dapat menempelkan SCSS/Sass langsung ke editor di bawah.

0 byte

0 byte

Siap

Kompilasi asli browser

Kompilasi berjalan secara lokal menggunakan implementasi resmi Dart Sass. Tidak ada stylesheet yang dikirim ke server Convertr.

Cuplikan dan masukan file

Tempel SCSS parsial, stylesheet lengkap, aturan bertingkat, variabel, mixin, atau muat file .scss lokal.

Pengukuran yang aman

Analytics hanya menggunakan bucket ukuran dan pengurangan. Sumber SCSS, variabel, mixin, dan nama file tetap di luar telemetri.

Pertanyaan yang Sering Diajukan

Apakah SCSS saya diunggah ke Convertr?

Tidak. Kompiler SCSS berjalan secara lokal dengan JavaScript browser. SCSS yang ditempel dan file yang dipilih tidak dikirim ke server Convertr.

Apa yang terjadi jika SCSS mengalami kesalahan sintaksis?

Kesalahan kompiler dengan nomor baris dan kolom ditampilkan di panel peringatan sehingga Anda dapat menemukan dan memperbaiki kesalahan tersebut.

Apakah ini mendukung @import atau ketergantungan jarak jauh?

Tidak. Untuk memastikan kecepatan, ketersediaan offline, dan privasi, impor jarak jauh dan akses sistem file dinonaktifkan di kompiler asli browser ini.

Alat pengembang terkait

Peminifier CSS Kompres lembar gaya CSS Konverter Warna CSS Konversi warna CSS Generator Gradient CSS Buat Gradien CSS secara lokal Pengecil HTML Kompres cuplikan HTML JavaScript Pengecil Kompres kode JavaScript Alat Pengembang Jelajahi utilitas browser

Kompiler SCSS

Kompilasi sintaks SCSS yang didukung ke dalam CSS menggunakan kompilator browser terikat.

Pengantar
Sumber SCSS ditambah opsi gaya keluaran.
output
CSS yang dikompilasi atau diagnostik kompiler.
Pembatasan yang nyata
Kompilator browser tidak menyelesaikan impor proyek sembarangan, menjalankan plugin build, atau menjamin kesetaraan dengan versi Sass yang berbeda.
Privasi dan pengendalian data
Opsi sumber SCSS plus gaya keluaran diproses di tab browser ini. Convertr tidak menerima atau menyimpannya; menutup atau memuat ulang halaman akan menghapus status kerja kecuali alat secara eksplisit menawarkan unduhan lokal.

Bagaimana cara menggunakan alat ini

  1. Menyediakan sumber SCSS plus opsi gaya output dalam kontrol alat.
  2. Pilih pengaturan yang mempengaruhi diagnosis CSS atau kompiler, kemudian jalankan alat.
  3. Tinjau CSS yang dikompilasi atau diagnostik kompiler sebelum menyalin atau mengunduhnya.

Mode kegagalan umum

Variabel yang tidak ditentukan, mixin yang hilang, impor yang tidak tersedia, atau penyusunan bersarang yang tidak valid mengembalikan kesalahan kompilasi yang sadar baris.

Contoh yang berguna

Kompilasi variabel $brand dan aturan hover .button bersarang menjadi CSS yang diperluas atau dikompresi.