Formatter Less

Odczytuje arkusz stylów jako tokeny, takie jak klamry, średniki, dwukropki, ciągi znaków i komentarze, a następnie na ich podstawie odtwarza układ. Każda klamra otwierająca rozpoczyna blok z wcięciem o szerokości dwóch spacji, a każda deklaracja otrzymuje własny wiersz.

Deklaracje zmiennych, takie jak @color: #333;, otrzymują spację po dwukropku i kończą się średnikiem. Odwołania do zmiennych wewnątrz wartości są zachowywane bez zmian.

W nawiasach parametrów mixina dwukropek pozostaje przy parametrze, dzięki czemu .mixin(@size:10px) zachowuje swoją zwięzłą wartość domyślną. Po przecinkach między argumentami dodawana jest pojedyncza spacja.

Tak, wywołania takie jak .mixin(5px); lub .bordered; kończą się średnikiem i znajdują się w osobnym wierszu wewnątrz reguły. Zagnieżdżone selektory i reguły &:hover otrzymują wcięcie o jeden poziom głębsze.

Funkcje, takie jak darken(@color, 10%), zachowują spację po każdym przecinku, a po obu stronach znaku plus dodawana jest spacja, więc 1px+2px zmienia się w 1px + 2px. Warunki, takie jak when (@a > 0), pozostają w wierszu selektora.

Nie, narzędzie nie kompiluje do CSS ani nie sprawdza składni, więc formatuje również niedokończone fragmenty. Użyj kompilatora Less, aby znaleźć błędy i wygenerować CSS.

Tak, komentarze w wierszu rozpoczynające się od // są zachowywane i kończą wiersz, więc następny kod zaczyna się poniżej. Komentarze blokowe są zachowywane w miejscu, w którym się pojawiają.

Nie, formatter zawsze używa dwóch spacji i nie oferuje żadnych ustawień. Dlatego ten sam arkusz stylów zawsze daje ten sam wynik.

Wynik jest zwracany jako blok kodu Markdown oznaczony jako less, który jest wyświetlany z podświetlaniem składni w Markdown. Skopiuj wiersze między znacznikami bloku do pliku .less.

Do 5 MB na jedno uruchomienie; większe dane wejściowe są odrzucane z komunikatem. Wynik jest identyczny z opcją Less w narzędziu Code Formatter.