Sass ke CSS
Kompilasi Sass dan SCSS ke CSS online. Konversi waktu nyata dengan keluaran expanded atau compressed, nomor baris kesalahan, dan dukungan penuh variabel, mixin, serta nesting.
Apa perbedaan Sass dan SCSS?
SCSS adalah sintaks terbaru yang mirip CSS, memakai kurung kurawal dan titik koma. Sass (sintaks indentasi) memakai indentasi dan baris baru. Alat ini mengompilasi keduanya - pilih saja sintaksnya di dropdown.
Fitur Sass apa saja yang didukung?
Kompilator memakai mesin resmi Dart Sass, jadi variabel, nesting, mixin, @include, fungsi, @use, @extend, direktif kontrol seperti @if dan @each, serta gaya keluaran compressed semuanya didukung.
Bagaimana mendapatkan CSS terkompresi?
Ubah dropdown gaya keluaran ke Compressed sebelum kompilasi. Spasi dan titik koma terakhir dihapus, menghasilkan stylesheet sekecil mungkin.
Mengapa kesalahan menampilkan nomor baris?
Saat kode Anda punya kesalahan sintaks, mesin Sass melaporkan baris dan kolom persis di mana parsing gagal, dan alat menampilkannya di atas keluaran agar cepat diperbaiki.
Apakah kode Sass saya diunggah ke server?
Tidak. Mesin Dart Sass lengkap disertakan bersama halaman dan mengompilasi secara lokal di peramban. Stylesheet Anda tidak pernah keluar dari perangkat, jadi aman bahkan untuk proyek privat.
Bisakah mengompilasi @import file lokal?
Tidak. Kompilator bekerja pada satu potongan kode di memori tanpa akses ke sistem berkas Anda, jadi impor berbasis file dan @use partial eksternal tidak dapat diselesaikan.
Apakah bisa dipakai offline?
Ya. Setelah halaman dan paket kompilator dimuat sekali, kompilasi terjadi sepenuhnya di mesin Anda tanpa perlu koneksi.
Bagaimana memakai hasilnya?
Salin CSS hasil kompilasi ke clipboard atau unduh sebagai style.css lewat tombol di bawah keluaran, lalu tautkan di HTML Anda atau tempel ke stylesheet proyek.
Cara Menggunakan Sass ke CSS
Kompilator ini menjalankan mesin resmi Dart Sass sepenuhnya di dalam browser Anda. Tempel SCSS atau Sass berindentasi dan dapatkan CSS bersih seketika — variabel, mixin, nesting, dan fungsi didukung, tidak ada yang diunggah.
- Tempelkan Sass atau SCSS Anda ke kotak input, atau tekan Contoh untuk memuat demo yang berfungsi berisi variabel dan mixin.
- Pilih sintaks (SCSS atau Sass berindentasi) dan gaya keluaran (Expanded atau Compressed) dari dropdown.
- Dengan Kompilasi langsung aktif, CSS muncul saat Anda mengetik; jika tidak, tekan Kompilasi untuk menjalankannya manual.
- Bila ada kesalahan sintaks, nomor baris yang tepat dan pesannya muncul di atas keluaran agar cepat diperbaiki.
- Gunakan Salin atau Unduh di bawah keluaran untuk mengambil stylesheet hasil kompilasi sebagai style.css.
Pilih gaya keluaran Compressed untuk menminifikasi stylesheet Anda — cocok untuk build produksi langsung dari sumber.
Alat Terkait
- Pemformat CSS Format dan percantik kode CSS secara instan. Konversi CSS minified menjadi kode yang mudah dibaca dengan opsi yang dapat disesuaikan.
- Minifier CSS Minifier CSS online gratis. Kompres dan optimalkan kode CSS secara instan dengan menghapus spasi, komentar, dan karakter tidak perlu. Kurangi ukuran file untuk performa web lebih cepat.
- Generator Gradien CSS Buat gradien CSS menakjubkan secara visual. Hasilkan gradien linear, radial dan konikal dengan beberapa color stop, sudut dan posisi kustom. Salin kode CSS siap produksi secara instan.
- Generator CSS Flexbox Generator CSS Flexbox visual dengan pratinjau langsung. Sesuaikan properti flex dan dapatkan kode CSS siap pakai.
- Kalkulator Chmod Kalkulator chmod online gratis untuk memvisualisasikan dan menghitung izin file Linux dengan kotak centang. Konversi instan antara notasi numerik (755, 644) dan simbolik (rwxr-xr-x). Mendukung izin khusus seperti setuid, setgid, sticky bit.
- Tabel ASCII Referensi pengkodean karakter ASCII lengkap dengan kode desimal, heksadesimal, oktal, biner, entitas HTML, dan deskripsi karakter. Cari dan filter secara instan.
- Penguji Permintaan HTTP Uji API REST langsung di browser Anda. Kirim permintaan GET, POST, PUT, DELETE dengan header, body, dan parameter kustom. Lihat status, header, dan body JSON respons secara instan.
- Generator .htaccess Buat aturan .htaccess Apache untuk redirect, rewrite, header keamanan, caching, dan lainnya.