Variables CSS: cómo concatenar un símbolo menos con una variable CSS en una calc ()
Hola, déjenme comenzar mostrándoles cómo haría esto en SCSS:
$submenu-padding-left: 1.5em;
transform: translateX(calc(-#{$submenu-padding-left} + .5em));
que se compilaría para:
transform: translateX(calc(-1.5em - .5em))
Básicamente SCSS me permite concatenar un símbolo menos- con una variable para convertirlo a un valor negativo.
¿Es posible lograr esto con las variables CSS?