Jak to działa
Ponownie wcina i porządkuje skompresowane lub źle wyrównane arkusze stylów CSS lub SCSS, aby były czytelne. Przydatne do inspekcji zminifikowanych stylów, przeglądania cudzego CSS lub ujednolicenia formatu przed zapisaniem.
Pozwala wybrać typ wcięcia (spacje lub tabulatory), rozmiar wcięcia i koniec wiersza. Każda deklaracja trafia do własnego wiersza, a selektory oddzielone przecinkami umieszczane są w osobnych wierszach.
Przetwarzanie odbywa się w całości lokalnie, w przeglądarce, za pomocą js-beautify. Formatuje prezentację; nie minifikuje, nie zmienia kolejności właściwości ani nie sprawdza poprawności reguł.
Przykłady
a,b{color:red;margin:0}a,
b {
color: red;
margin: 0
}Selektory są rozdzielane na wiersze, a każda właściwość jest wcięta.Przypadki użycia
- Uczynić czytelnym zminifikowany plik .css z witryny.
- Ujednolicić wcięcia arkusza stylów przed commitem.
- Przeglądać i porównywać reguły CSS z frameworka lub biblioteki.
- Uporządkować SCSS wklejony z dokumentacji lub generatorów.
Najczęstsze pytania
Czy działa też dla SCSS lub LESS?
Formatuje CSS i zgodną składnię, taką jak SCSS, w tym reguły zagnieżdżone. Nie kompiluje SCSS ani LESS do CSS: tylko przestawia wcięcia i podziały wierszy.
Czy zmienia kolejność lub grupuje właściwości?
Nie. Zachowuje oryginalną kolejność selektorów i deklaracji. Zmienia tylko odstępy, wcięcia i podziały wierszy, aby poprawić czytelność.
Czy to to samo co minifikacja CSS?
Nie, to coś przeciwnego. Formatowanie dodaje spacje i podziały wierszy, aby lepiej go czytać; minifikacja je usuwa, aby zmniejszyć rozmiar pliku. Do kompresji użyj narzędzia do minifikacji.
Czy mój kod jest wysyłany na serwer?
Nie. Formatowanie odbywa się w całości w przeglądarce; CSS nigdy nie opuszcza Twojego komputera.