Less-Eingabe

Kompiliertes CSS

Was ist Less zu CSS?

Browser verstehen CSS, nicht die Less-Syntax. Dieser Konverter wandelt Ihren Less-Code in Standard-CSS um, damit Sie Variablen, Verschachtelung und wiederverwendbare Style-Muster nutzen und trotzdem browserkompatible Ausgabe liefern können.

Verwenden Sie ihn, wenn Sie eine schnelle Kompilierung ohne Einrichtung einer Build-Pipeline wünschen. Alles läuft lokal in Ihrem Browser, sodass Ihr Code privat bleibt und die Konvertierung sofort erfolgt.

So Verwenden Sie den Less zu CSS Konverter

Folgen Sie diesen Schritten, um Less in browserfähiges CSS zu kompilieren. Jeder Schritt verwendet die tatsächlichen Schaltflächen und Panels auf dieser Seite.

Einfügen, Hochladen oder Beispiel Laden

Fügen Sie Less in das linke Panel Less-Eingabe ein, oder klicken Sie auf Hochladen, um eine .less-Datei zu laden. Klicken Sie auf Beispiel, um Abonnentenkarten-Styles mit Variablen und Mixins zu sehen. Beispiel-Eingabe:

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

Kompiliertes CSS Anzeigen

Das rechte Panel Kompiliertes CSS zeigt die Ausgabe sofort an. Variablen werden aufgelöst, Verschachtelung wird geglättet, Mixins werden erweitert.

Kopieren oder Herunterladen

Klicken Sie auf Kopieren, um in die Zwischenablage zu kopieren, oder Herunterladen, um als .css zu speichern. Verwenden Sie Leeren, um neu zu beginnen. Die gesamte Kompilierung läuft in Ihrem Browser.

Less zu CSS Konverter