Less Formatter
Format stylesheet Less dengan Less Formatter ini. Tempelkan kode Less, lalu alat ini akan menata variabel, aturan bertingkat, mixin dengan parameter, pemanggilan mixin, guard, fungsi, dan kueri media dengan indentasi dua spasi, satu deklarasi per baris, serta spasi yang konsisten setelah titik dua dan koma. Nilai default parameter mixin tetap ringkas, sehingga pengembang front-end mendapatkan kode Less yang mudah dibaca tanpa menjalankan kompiler.
Pertanyaan yang sering diajukan
Bagaimana cara kerja Less Formatter?
Alat ini membaca stylesheet Anda sebagai token, seperti kurung kurawal, titik koma, titik dua, string, dan komentar, lalu menyusun ulang tata letaknya berdasarkan token tersebut. Setiap kurung kurawal pembuka memulai blok dengan indentasi dua spasi, dan setiap deklarasi ditempatkan pada baris tersendiri.
Bagaimana variabel diformat?
Deklarasi variabel seperti @color: #333; diberi satu spasi setelah titik dua dan diakhiri dengan titik koma. Referensi variabel di dalam nilai dipertahankan seperti aslinya.
Bagaimana mixin dengan parameter ditangani?
Di dalam tanda kurung parameter mixin, titik dua tetap menempel, sehingga .mixin(@size:10px) mempertahankan nilai defaultnya yang ringkas. Koma di antara argumen diikuti satu spasi.
Apakah pemanggilan mixin tetap berada pada baris tersendiri?
Ya, pemanggilan seperti .mixin(5px); atau .bordered; diakhiri dengan titik koma dan ditempatkan pada baris tersendiri di dalam aturan. Selektor bertingkat dan aturan &:hover diberi indentasi satu tingkat lebih dalam.
Apakah fungsi dan operasi diubah?
Fungsi seperti darken(@color, 10%) dipertahankan dengan satu spasi setelah setiap koma, dan tanda tambah diberi spasi di kedua sisinya, sehingga 1px+2px menjadi 1px + 2px. Guard seperti when (@a > 0) dipertahankan pada baris selektor.
Apakah alat ini mengompilasi atau memeriksa Less saya?
Tidak, alat ini tidak mengompilasi menjadi CSS atau memvalidasi sintaks, sehingga cuplikan yang belum selesai pun dapat diformat. Gunakan kompiler Less untuk menemukan kesalahan dan menghasilkan CSS.
Apakah komentar dipertahankan?
Ya, komentar baris // dipertahankan dan mengakhiri barisnya, sehingga kode berikutnya dimulai di bawahnya. Komentar blok dipertahankan di tempatnya.
Bisakah saya menyesuaikan indentasi?
Tidak, pemformat selalu menggunakan dua spasi dan tidak menyediakan pengaturan. Karena itu, stylesheet yang sama selalu menghasilkan keluaran yang sama.
Mengapa keluaran dibungkus dalam blok kode berlabel less?
Hasilnya dikembalikan sebagai blok kode Markdown berlabel less, yang dirender dengan sorotan sintaks di Markdown. Salin baris di antara pagar kode untuk file .less Anda.
Seberapa besar stylesheet saya bisa?
Maksimal 5 MB per proses, dan masukan yang lebih besar akan ditolak dengan pesan. Keluarannya identik dengan opsi Less di Code Formatter.