CSS-formaterare
Försköna förminskad eller rörig CSS till rena, indragna, läsbara regler.
CSS-formaterare
Klistra in minifierad eller handtrasslad CSS och den här formateraren expanderar den till en ren, läsbar stilmall: en deklaration per rad, väljaren och dess inledande klammerparentes på en rad, den avslutande klammerparentesen på egen hand och en tom rad mellan regler på översta nivån. Kapslade block som @media, @supports och kapslade väljare är indragna en nivå djupare, så strukturen på arket är uppenbar med ett ögonkast.
Verktyget läser din CSS tecken för tecken snarare än att dela upp den med naiva mönster, så det går aldrig sönder på knepigt innehåll. Strängar behåller sitt exakta innehåll, så innehåll: "a{b}" överlever med hängslen inuti. url()-kroppar kopieras ordagrant, så en data-URI med egna semikolon och kolon — url(data:image/png;base64,...) — lämnas helt ifred. Kommentarer står ord för ord på sin egen rad vid den aktuella indragen.
Tre alternativ ställer in utgången. Indrag växlar mellan två blanksteg, fyra blanksteg eller en tabb. En väljare per rad placerar varje väljare i en kommalista på sin egen rad, praktiskt för långa grupperade regler och renare skillnader. Blank linje mellan regler kan stängas av när du vill att arket är mer kompakt. Live-uppräkningen räknar reglerna, deklarationerna och utdataraderna medan du skriver, med regelantalet markerat.
Detta är motsvarigheten till en CSS-minifierare: använd den för att göra en komprimerad produktionsfil redigerbar igen, för att formatera om inkonsekvent kod från flera författare, eller helt enkelt för att läsa en stilmall du inte skrev. Allt körs helt i din webbläsare – din CSS laddas aldrig upp någonstans.