Christian Kruse: Auflösung von Variablen in Stylus

Beitrag lesen

Hallo Gunnar,

Stylus-Quelltext:

$f = 2em
$v = 3vmax

body
	margin: calc($f + $v)

ergibt kompiliert:

body {
  margin: calc(($f + $v));
}

Meh. Über die doppelte Klammer würde ich ja vielleicht noch hinwegsehen, aber die Variablen sollen schon aufgelöst werden, d.h. herauskommen soll:

body {
  margin: calc(2em + 3vmax);
}

Neben escapen kannst du auch String–Formate benutzen:

$f = 2em
$v = 3vmax

body
	margin: "calc(%s + %s)" % ($f $v)

LG,
CK