使用SASS使一個變量成爲另一個變量的兩倍SBS

Question

Im使用SASS。我需要的價值是雙重另一個值，使邏輯是這樣的：

.one { 
padding: 'value'; 
} 
.two { 
padding: 'value times 2'; 
} 

所以它可能是這樣的：

.one { 
padding: 2px; 
} 
.two { 
padding: 4px; 
} 

或者這樣：

.one { 
padding: 10px; 
} 
.two { 
padding: 20px; 
} 

我怎麼可以這樣寫？

Answer 1

如果您想要一個可重複使用的值，則需要一個變量。

$my-padding: 1em; 
.one { 
    padding: $my-padding; 
} 
.two { 
    padding: $my-padding * 2; 
}