Erklärung

LESS ist ein Präprozessor für die Stylesheet-Sprache CSS. Das Ziel von Less ist es, CSS effizienter zu gestalten und Code-Wiederholungen zu vermeiden. In Less kann unter anderem mit Variablen, Mixins, Berechnungen und Funktionen gearbeitet werden.

Beispiel:

@color: red;

.rounded (@radius: 4px;) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

header {
  color: @color;

  .btn {
    background: @color;
    .rounded;
  }
}

Wird kompilliert zu:

header {
  color: red;
}

header .btn {
  background-color: red;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Design + Code

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Schulung + Beratung