Less Prozessor in womodo 7.10

6. Juni 2022

Seit vielen Jahren unterstützt womodo das Erzeugen von CSS aus SCSS-Quellen mit Hilfe seines integrierten SASS/SCSS-Prozessors. Einige Designer bevorzugen jedoch den alternativen Ansatz LESS - siehe lesscss.org.

Womodo 7.10 unterstützt nun auch LESS als Datenquelle für das Generieren von CSS Resourcen.

Alle CSS-Resourcen mit der Dateiendung .less werden mit Hilfe des neuen LESS-Prozessors in CSS gewandelt und ausgeliefert.

Beispiel css/less-styles.less:

@color: #ffc800;
.bordered(){
	border: solid silver 1px;
}
body{
	background-color: @color;
	main{
		.bordered();					// mixin
	}
}
@import "other/styles";					// includes ./other/styles.less
@import "type=file /my-lib/something";	// import from file resource
@import "db=other-db less/styles"		// import from other app

Verwendung:

<link rel="stylesheet" type="text/css" 
	href="<tml:url type="css" name="less-styles"/>">

File URLs:

Zum Zugriff auf womodo File Resourcen steht eine implizite less-function wga_file_url() zur Verfügung:

.test{
	background: url(wga_file_url(images, logo.png));
}

Erzeugt:

.test {
  background: url(/file/overlay/images/logo.png);
}