¿Cómo + = en SCSS?

Question

¿Alguien sabe cómo + = con SCSS?

Ejemplo:

.example { 
    padding: 2px; 
    &:hover { 
     padding: current_padding + 3px; // OR 
     padding+= 3px     //... something like this 
    } 
} 

Estoy intentando conseguir .ejemplo: hover tener relleno de 5px.

Answer 1

No creo que hay una manera de hacer exactamente lo que quiere en SCSS, pero se puede lograr el mismo efecto mediante el uso de variables:

SCSS

.example { 
    $padding: 2px; 
    padding: $padding; 
    &:hover { 
     padding: $padding + 3px; 
    } 
} 

compila

.example { padding: 2px; } 
.example:hover { padding: 5px; } 

Consulte la documentación sobre variables y number operations.