Pregunta ¿Valor variable negativo Sass?


Tengo un par de selectores scss donde uso la misma cantidad positiva y negativa, como en:

padding: 0 15px 15px;
margin: 0 -15px 20px -15px;

Preferiría usar una variable para todos los montos de 15px, pero esto no funciona:

$pad: 15px;
padding: 0 $pad $pad;
margin: 0 -$pad 20px -$pad;

Los montos de margen se convierten en números positivos. ¿Me estoy perdiendo de algo?


75
2017-11-08 19:35


origen


Respuestas:


Pruébalo así

margin: 0 (-$pad) 20px (-$pad);

161
2017-11-08 19:44



La solución más sensata de acuerdo con las pautas sass sería interpolate variables como el siguiente ejemplo:

margin: 0 -#{$pad} 20px -#{$pad};

Un ejemplo: https://www.sassmeister.com/gist/c9c0208ada0eb1fdd63ae47830917293


3
2017-12-27 10:41