SCSS & Sass Kompiler

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

Tempelkan sebagian SCSS, lembar gaya lengkap, aturan bertumpuk, variabel, mixin, atau muat file .scss lokal.

Pengukuran yang aman

Analytics hanya menggunakan keranjang ukuran dan pengurangan. SCSS sumber, variabel, mixin, dan nama file tidak termasuk dalam telemetri.

Pertanyaan yang Sering Diajukan

Apakah SCSS saya diunggah ke Convertr?

Tidak. Kompiler SCSS berjalan secara lokal dengan browser JavaScript. SCSS 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

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

SCSS Penyusun

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

Pengantar
SCSS sumber lebih output-style pilihan.
output
CSS atau diagnosis kompiler.
Pembatasan yang nyata
Kompilator browser tidak menyelesaikan impor proyek yang sengaja, menjalankan plugin konstruksi, atau menjamin paritas dengan versi Sass yang berbeda.
Privasi dan pengendalian data
Opsi sumber SCSS plus output-style diproses dalam tab browser ini. Converter tidak menerima atau menyimpannya; menutup atau mengisi ulang halaman akan memudahkan kondisi kerja kecuali alat tersebut secara eksplisit menawarkan download 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. Review mengkompilasi diagnosis CSS atau kompiler sebelum menyalin atau men-downloadnya.

Modus kegagalan umum

Variabel yang tidak ditentukan, mixin yang hilang, impor yang tidak tersedia, atau penyusutan yang tidak sah mengembalikan kesalahan kompilasi.

Contoh yang berguna

Mengkompilasi variabel $brand dan aturan hover .button yang ditarik ke dalam CSS yang diperluas atau dikompresi.