TYPO3-Erweiterung für LESS-Unterstützung

Mit LESS können Sie Ihren Seitenstil einfacher und übersichtlicher schreiben als mit herkömmlichem CSS. Allerdings benötigen die Browser CSS, sodass nach jeder Änderung in LESS eine neue CSS-Datei erzeugt werden muss. Dies ist automatisiert möglich durch eine Erweiterung wie "amazingless".

Wenn Sie beispielsweise eine Farbe in Ihren Stylesheets mehrfach verwenden, dann müssen Sie, um sie zu ändern, normalerweise jede einzelne Verwendung suchen und ersetzen. Noch komplizierter wird es, wenn Sie mehrere Schattierungen der Farbe verwenden, denn hier scheitert die Suchfunktion der meisten Browser und Textverarbeitungsprogramme.

Mit seinem großen Funktionsumfang, von dem dies nur ein kleiner Teil ist, löst LESS dieses Problem auf eleganteste Weise: Sie verwenden statt der eigentlichen Farbe nur ein Schlüsselwort, dessen Wert Sie zentral ändern können. Mit Schlüsselwörtern - und auch sonst - können Sie im Stylesheet Rechenoperationen durchführen.

Dieses Prinzip ist aber nicht auf Farben beschränkt. Abstände, Hintergrundbilder, Rahmen und alles was CSS zu bieten hat, können Sie mit LESS bei Bedarf zentral definieren. Dadurch wird Redundanz innerhalb Ihres Styles überflüssig - Sie können Werte stattdessen zentral definieren.

Mit LESS ist es möglich, Selektoren zu verschachteln, sodass Sie immer die Übersicht haben, welche Regeln nur auf Kindelemente angewandt werden, da diese in großen Blöcken zusammengefasst werden können.

Etwas tiefer in die Materie müssen Sie einsteigen, wenn Sie die praktischen Mixins verwenden möchten, die es Ihnen unter anderem ermöglichen, auf dunklem Grund automatisch helle Texte darzustellen, komplexe CSS-Definitionen über mehrere Zeilen zusammenzufassen usw.