Formatter SCSS

Alat ini membaca stylesheet 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 berindentasi, dan setiap deklarasi diakhiri pada barisnya sendiri.

Ya, aturan bertingkat dan selektor induk seperti &:hover diberi indentasi satu tingkat lebih dalam dari induknya, dengan dua spasi per tingkat. Titik dua pada selektor tetap menempel, sehingga &:hover tidak dipisah.

Variabel seperti $color: #333; diberi satu spasi setelah titik dua, sedangkan @mixin dan @include mempertahankan argumennya dengan satu spasi setelah setiap koma. Direktif kontrol seperti @if, @each, dan @for diberi spasi sebelum tanda kurung.

Ya, interpolasi seperti #{$name} disalin persis seperti aslinya. Ini mencakup interpolasi di dalam selektor, seperti .icon-#{$name}, dan di dalam nama properti.

Tidak, alat ini tidak mengompilasi menjadi CSS atau memeriksa sintaks, sehingga cuplikan yang belum lengkap pun dapat diformat. Gunakan kompiler Sass untuk menemukan kesalahan dan menghasilkan CSS.

Ya. Komentar baris yang diawali // mengakhiri barisnya, dan komentar blok dipertahankan di tempatnya.

Tidak, alat ini dibuat untuk SCSS, yang menggunakan kurung kurawal dan titik koma. File dengan sintaks .sass berindentasi tidak memiliki kurung kurawal sebagai acuan indentasi, jadi ubah dulu ke SCSS.

Tidak, output selalu menggunakan dua spasi dan formatter ini tidak memiliki opsi. Karena itu, stylesheet yang sama selalu menghasilkan output yang sama.

Output dikembalikan sebagai blok kode Markdown berlabel scss agar dirender dengan sorotan sintaks. Salin baris di antara fence untuk file .scss Anda.

Maksimal 5 MB per proses; input yang lebih besar akan ditolak dengan pesan. Outputnya identik dengan opsi SCSS dari Code Formatter.