stylus: Auflösung von Variablen in Stylus

Beitrag lesen

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);
}

In Sass ginge das so:

$f: 2em;
$v: 3vmax;

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

Aber wie geht’s in Stylus?

Escapen:

$f = 2em
$v = 3vmax

body
	margin: calc\($f \+ $v\)