SCSS Biçimlendirici

Stil sayfasını küme parantezleri, noktalı virgüller, iki nokta üst üste işaretleri, dizeler ve yorumlar gibi belirteçler olarak okur ve düzeni bunlardan yeniden oluşturur. Her açılış küme parantezi girintili bir blok başlatır ve her bildirim kendi satırında biter.

Evet, iç içe kurallar ve &:hover gibi üst seçiciler, üst öğelerinden bir düzey daha fazla girintilenir; her düzeyde iki boşluk kullanılır. Seçiciye ait iki nokta üst üste işaretleri yerinde kalır, dolayısıyla &:hover bölünmez.

$color: #333; gibi değişkenlerde iki nokta üst üste işaretinden sonra boşluk bırakılır; @mixin ve @include, her virgülden sonra boşluk gelecek şekilde bağımsız değişkenlerini korur. @if, @each ve @for gibi kontrol yönergelerinde parantezden önce boşluk bırakılır.

Evet, #{$name} gibi ara değerler yazıldığı gibi aynen kopyalanır. Buna .icon-#{$name} gibi seçicilerin içindeki ve özellik adlarındaki ara değerler de dahildir.

Hayır, CSS çıktısına derleme yapmaz veya söz dizimini denetlemez; bu nedenle tamamlanmamış parçaları da biçimlendirir. Hataları bulmak ve CSS oluşturmak için Sass derleyicisini kullanın.

Evet. // ile başlayan satır yorumları o satırın sonunda biter; blok yorumları da bulundukları yerde korunur.

Hayır, süslü parantez ve noktalı virgül kullanan SCSS için tasarlanmıştır. Girintili .sass söz dizimindeki dosyalarda girinti yapılacak küme parantezleri bulunmaz; bu nedenle önce bunları SCSS biçimine dönüştürün.

Hayır, çıktı her zaman iki boşluk kullanır ve biçimlendiricinin seçeneği yoktur. Böylece aynı stil sayfası her zaman aynı sonucu üretir.

Çıktı, scss olarak işaretlenmiş bir Markdown kod bloğu şeklinde döndürülür; böylece söz dizimi vurgulamasıyla görüntülenir. .scss dosyanız için çitlerin arasındaki satırları kopyalayın.

Her çalıştırmada en fazla 5 MB; daha büyük girdiler bir mesajla reddedilir. Çıktı, Code Formatter'daki SCSS seçeneğiyle aynıdır.