CSS biçimlendirici
Küçültülmüş veya dağınık CSS'yi temiz, girintili, okunabilir kurallara dönüştürün.
CSS biçimlendirici
Küçültülmüş veya elle karıştırılmış CSS'yi yapıştırdığınızda, bu formatlayıcı onu temiz, okunabilir bir stil sayfasına genişletir: satır başına bir bildirim, seçici ve açılış parantezi bir satırda, kapanış parantezi tek başına ve üst düzey kurallar arasında boş bir satır. @media, @supports ve iç içe seçiciler gibi iç içe geçmiş bloklar bir düzey daha derin girintilidir, böylece sayfanın yapısı bir bakışta anlaşılır.
Araç, CSS karakterinizi basit kalıplara bölmek yerine karakter karakter okur, böylece zor içerikte asla bozulmaz. Dizeler tam içeriklerini korur, dolayısıyla içerik: "a{b}" içindeki parantezlerle birlikte varlığını sürdürür. url() gövdeleri kelimesi kelimesine kopyalanır, dolayısıyla kendi noktalı virgülleri ve iki nokta üst üsteleri olan bir veri URI'si — url(data:image/png;base64,...) — tamamen yalnız bırakılır. Yorumlar geçerli girintide kelimesi kelimesine kendi satırlarında kalır.
Üç seçenek çıkışı ayarlar. Girinti iki boşluk, dört boşluk veya bir sekme arasında geçiş yapar. Satır başına bir seçici, virgül listesinin her seçicisini kendi satırına yerleştirir; bu, uzun gruplandırılmış kurallar ve daha temiz farklar için kullanışlıdır. Sayfanın daha kompakt olmasını istediğinizde kurallar arasındaki boş satır kapatılabilir. Canlı sayım, siz yazdıkça kuralları, bildirimleri ve çıktı satırlarını, kural sayısı vurgulanmış halde sayar.
Bu, CSS küçültücünün karşılığıdır: sıkıştırılmış bir üretim dosyasını yeniden düzenlenebilir hale getirmek, birkaç yazarın tutarsız kodunu yeniden biçimlendirmek veya yalnızca yazmadığınız bir stil sayfasını okumak için bunu kullanın. Her şey tamamen tarayıcınızda çalışır; CSS'niz hiçbir zaman hiçbir yere yüklenmez.