Tengo un par de selectores de scss en los que uso la misma cantidad positiva y negativa, como en:
padding: 0 15px 15px;
margin: 0 -15px 20px -15px;
Preferiría usar una variable para todas las cantidades de 15px, pero esto no funciona:
$pad: 15px;
padding: 0 $pad $pad;
margin: 0 -$pad 20px -$pad;
Las cantidades de margen se convierten en números positivos. ¿Me estoy perdiendo de algo?
css
sass
compass-sass
Steve
fuente
fuente
Una solución más sensata de acuerdo con las pautas de Sass sería para
interpolate
variables como el siguiente ejemplo:Un ejemplo: https://www.sassmeister.com/gist/c9c0208ada0eb1fdd63ae47830917293
fuente
Estoy agregando mis dos penneth después de considerar las dos respuestas anteriores, pero luego leo esto (énfasis mío):
Por lo tanto, creo que la forma correcta sería la siguiente, que conserva las habilidades matemáticas de SASS / SCSS:
fuente