如何在SCSS中+ =？

Question

有誰知道如何+ =與SCSS？

例子：

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

我試圖讓。實例：懸停有5px的填充。

Answer 1

我不認爲有一種方式來你想要什麼做的SCSS，但你可以實現通過使用變量相同的效果：

SCSS

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

編譯成

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

參見文檔上variables和number operations。