2011-11-03 8 views
25

Si bien he estado amando compass, acabo de llegar a un problema confuso. Estoy tratando de restar uno un valor como esto:Resta no funciona en brújula scss

padding-left:($top-bar-padding*4)-1; 
padding-left:($top-bar-padding*4-1); 
padding-left:($top-bar-padding*4)-1px; 
padding-left:($top-bar-padding*4-1px); 

He intentado todos aquellos y todos ellos me dan:

padding-left: 20px -1px;

Realmente me desconcertante porque tengo este principio de el archivo .scss y está funcionando muy bien:

padding:$top-bar-padding*2+2 $top-bar-padding*4;

Cualquier ideas sobre por qué ocurre esto?

+0

Tal vez usted puede enviar su actualización como una respuesta y lo aceptan? –

Respuesta

48

Es necesario tener un espacio antes y después de laresta símbolo como éste:

($top-bar-padding*4 - 1)
+4

en la universidad nos enseñaron que los guiones no se usan en nombres de variables por este motivo, aunque este consejo parece haber sido ignorado por los autores de css. El resultado ? ¡Este problema confuso, los chicos de la vieja escuela a menudo tienen razón! –