Przejdź do treści
ToolMug

Formatowanie CSS

Zamień zminifikowany lub nieporządny CSS w czytelny arkusz stylów ze spójnymi wcięciami. Obsługiwane są też SCSS i Less, wraz z zagnieżdżaniem, zmiennymi i mixinami.

Działa w przeglądarce — nic, co wpiszesz, nie jest wysyłane

Jak używać

  1. Wklej swój CSS, SCSS lub Less.
  2. Wybierz język i wcięcie.
  3. Kliknij Formatuj albo naciśnij Ctrl+Enter (⌘+Enter na Macu).
  4. Skopiuj sformatowany arkusz stylów.

Opis opcji

Język
CSS, SCSS lub Less. Wybierz właściwy, aby zmienne ($gap, @gap) i zagnieżdżone reguły były poprawnie rozpoznane.
Wcięcie i szerokość wiersza
Wcięcie dla zagnieżdżonych reguł i deklaracji oraz szerokość, przy której zawijane są długie listy selektorów i wartości.

Przykłady

Zminifikowany CSS frameworka. Wklej jednowierszowy plik .min.css, aby przeczytać reguły po jednej.

Porządkowanie SCSS. Wklej zagnieżdżony SCSS z niejednolitymi wcięciami i uzyskaj spójne, dwuspacjowe zagnieżdżenie.

Najczęściej zadawane pytania

Co zmienia formatowanie?

Każda deklaracja trafia do własnej linii, ujednolicane są odstępy wokół dwukropków i nawiasów klamrowych, kolory hex są zapisywane małymi literami, a serie pustych linii są zwijane do jednej. Kolejność i wartości właściwości nie są zmieniane.

Czy mogę odminifikować CSS ze strony internetowej?

Tak. Wklej zminifikowany plik i kliknij Formatuj. Komentarze usunięte przez minifikator nie da się przywrócić.

Czy mój kod jest wysyłany na serwer?

Nie. Formatowanie odbywa się w Twojej przeglądarce.

Prywatność

To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.

Podobne narzędzia