2011-06-16 101 views
9

有谁知道如何+ =与SCSS?如何在SCSS中+ =?

例子:

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

我试图让。实例:悬停有5px的填充。

回答

16

我不认为有一种方式来你想要什么做的SCSS,但你可以实现通过使用变量相同的效果:

SCSS

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

编译成

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

参见文档上variablesnumber operations

+0

+1非常聪明... – 2012-01-25 11:42:06