logo

Bootstrap 4 alpha

Mega Menue Sidebar


Less Pre-Processor

Less wurde entwickelt um CSS3 modular zu erweitern. Es läuft sowohl server-, wie clientseitig. Less wird zu CSS kompliert und ist eine Hirarchieebene höher als CSS, weswegen jeder CSS Code gleichzeitig gültiger Less Code ist. Less wurde 2009 anfangs in Ruby entwickelt und wird mittleweile über Javascript verarbeitet (node.js). Megr Informationen finden sie unter Less

Einfaches Beispiel


/* Variable */
@mycolor: #143352;
@mycolor2: #ff0000;

 #header {
  background-color: @mycolor;
}
h2 {
  color: @mycolor;
}
h3 {
  color: @mycolor2
}
							  
							  

wird compiled zu...


#header {
  background-color: #143352;
}
h2 {
  color: #143352;
}
h3 {
  color: #ff0000;
}
							  
							  

 

Weiter Beispiele mit Mixins, Verschachtelungen, Funktionen und Operationen folgen !

Less ist eine dynamische StyleSheet-Sprache die CSS mit dynamischen Inhalten (Variablen, Berchnungen, Mixins) erweitert. Ziel ist den CSS Code "schmaler" zu halten und unötige Wiederholungen zu vermeiden.

Tags

Less Ruby Rhino Compiler Node Pre Processor