Wejście Less

Skompilowany CSS

Czym jest Less na CSS?

Przeglądarki rozumieją CSS, nie składnię Less. Ten konwerter przekształca kod Less w standardowy CSS, dzięki czemu możesz używać zmiennych, zagnieżdżania i wzorców stylów wielokrotnego użytku, jednocześnie dostarczając wyjście zgodne z przeglądarkami.

Używaj go, gdy chcesz szybkiej kompilacji bez konfigurowania potoku kompilacji. Wszystko działa lokalnie w Twojej przeglądarce, więc kod pozostaje prywatny i konwersja jest natychmiastowa.

Jak Używać Konwertera Less na CSS

Wykonaj te kroki, aby skompilować Less do gotowego dla przeglądarki CSS. Każdy krok używa rzeczywistych przycisków i paneli na tej stronie.

Wklej, Prześlij lub Załaduj Przykład

Wklej Less do lewego panelu Wejście Less lub kliknij Prześlij, aby załadować plik .less. Kliknij Przykład, aby zobaczyć przykładowe style karty abonenta z zmiennymi i mixinami. Przykładowe wejście Less:

@primary: #2563eb;
@spacing: 12px;
.subscriber-card {
  padding: @spacing;
  .plan-badge { color: @primary; font-weight: 700; }
  &:hover { background: #eef2ff; }
}

Przeglądaj Skompilowany CSS

Prawy panel Skompilowany CSS pokazuje wyjście natychmiast. Zmienne są rozwiązywane, zagnieżdżanie jest spłaszczane, mixiny są rozwijane.

Kopiuj lub Pobierz

Kliknij Kopiuj, aby skopiować do schowka, lub Pobierz, aby zapisać jako .css. Użyj Wyczyść, aby zacząć od nowa. Cała kompilacja odbywa się w Twojej przeglądarce.

Powiązane Narzędzia CSS

Kompilacja jest zazwyczaj jednym krokiem w przepływie pracy ze stylami. Możesz również potrzebować:

Konwerter Less na CSS