Sass ke CSS
Kompil Sass dan SCSS ke CSS dalam talian. Penukaran masa nyata dengan output expanded atau compressed, nombor baris ralat dan sokongan penuh pembolehubah, mixin dan penyarangan.
Apakah beza antara Sass dan SCSS?
SCSS ialah sintaks baharu yang menyerupai CSS, menggunakan kurung beralun dan titik koma. Sass (sintaks inden) menggunakan indentasi dan baris baharu. Alat ini mengompil kedua-duanya - pilih sintaks dalam menu dropdown.
Apakah ciri Sass yang disokong?
Pengkompil menggunakan enjin rasmi Dart Sass, jadi pembolehubah, penyarangan, mixin, @include, fungsi, @use, @extend, arahan kawalan seperti @if dan @each serta gaya output termampat semuanya disokong.
Bagaimana mendapatkan CSS termampat?
Tukar menu gaya output kepada Termampat sebelum mengompil. Ruang kosong dan titik koma terakhir dibuang, menghasilkan helaian gaya sekecil mungkin.
Mengapa ralat menunjukkan nombor baris?
Apabila kod anda mengandungi ralat sintaks, enjin Sass melaporkan baris dan lajur tepat di mana penghuraian gagal, dan alat memaparkannya di atas output supaya cepat dibaiki.
Adakah kod Sass saya dimuat naik ke pelayan?
Tidak. Enjin Dart Sass yang lengkap dibundel bersama halaman dan mengompil secara setempat dalam pelayar. Helaian gaya anda tidak pernah keluar dari peranti, jadi selamat walaupun untuk projek peribadi.
Bolehkah mengompil @import fail setempat?
Tidak. Pengkompil bekerja pada satu petangan dalam memori tanpa akses ke sistem fail anda, jadi import berasaskan fail dan @use partial luaran tidak dapat diselesaikan.
Boleh guna tanpa talian?
Ya. Selepas halaman dan bundel pengkompil dimuatkan sekali, kompilasi berlaku sepenuhnya pada mesin anda tanpa perlu sambungan.
Bagaimana menggunakan hasilnya?
Salin CSS yang dikompil ke papan klip atau muat turun sebagai style.css melalui butang di bawah output, kemudian pautkan dalam HTML anda atau tampal ke dalam helaian gaya projek.
Cara Menggunakan Sass ke CSS
Pengkompil ini menjalankan enjin rasmi Dart Sass sepenuhnya dalam pelayar anda. Tampalkan SCSS atau Sass berinden dan dapatkan CSS bersih serta-merta — pemboleh ubah, mixin, sarangan dan fungsi disokong, tiada apa dimuat naik.
- Tampalkan Sass atau SCSS anda ke dalam kotak input, atau tekan Contoh untuk memuatkan demo berfungsi yang mengandungi pemboleh ubah dan mixin.
- Pilih sintaks (SCSS atau Sass berinden) dan gaya output (Expanded atau Compressed) daripada menu juntai bawah.
- Dengan Kompilasi langsung dihidupkan, CSS muncul semasa anda menaip; jika tidak, tekan Kompil untuk menjalankannya secara manual.
- Jika terdapat ralat sintaks, nombor baris yang tepat serta mesej dipaparkan di atas output supaya anda boleh membaikinya dengan cepat.
- Guna Salin atau Muat turun di bawah output untuk mengambil helaian gaya yang dikompil sebagai style.css.
Pilih gaya output Compressed untuk meminimumkan helaian gaya anda — sesuai untuk binaan produksi terus daripada sumber.
Alat Berkaitan
- Pengindah CSS Format dan indahkan kod CSS serta-merta. Tukar CSS yang diminifikasi kepada kod mudah dibaca dengan pilihan boleh disesuaikan.
- Peminit CSS Peminit CSS dalam talian percuma. Mampat dan optimumkan kod CSS serta-merta dengan membuang ruang putih, komen dan aksara tidak perlu. Kurangkan saiz fail untuk prestasi web lebih pantas.
- Penjana Gradien CSS Cipta gradien CSS menakjubkan secara visual. Jana gradien linear, radial dan konikal dengan pelbagai henti warna, sudut dan kedudukan tersuai. Salin kod CSS sedia pengeluaran serta-merta.
- Penjana CSS Flexbox Penjana CSS Flexbox visual dengan pratonton langsung. Laraskan sifat flex dan dapatkan kod CSS sedia guna.
- Kalkulator Chmod Kalkulator chmod dalam talian percuma untuk mengvisualisasikan dan mengira keizinan fail Linux dengan kotak tanda. Tukar serta-merta antara notasi angka (755, 644) dan simbolik (rwxr-xr-x). Menyokong keizinan khas seperti setuid, setgid, sticky bit.
- Jadual ASCII Rujukan pengkodan aksara ASCII lengkap dengan kod perpuluhan, heksadesimal, oktal, binari, entiti HTML dan penerangan aksara. Cari dan tapis serta-merta.
- Penguji Permintaan HTTP Uji API REST terus dalam pelayar anda. Hantar permintaan GET, POST, PUT, DELETE dengan pengepala, badan dan parameter tersuai. Lihat status, pengepala dan badan JSON respons serta-merta.
- Penjana .htaccess Jana peraturan .htaccess Apache untuk pengalihan, penulisan semula, header keselamatan, cache dan banyak lagi.