SASS開始，用變量做數學

Question

我以SASS開始，但我無法確定如何用變量做適當的數學運算。

這裏是我的代碼：

$page-width: 1200; 
margin-left: 50% - (($page-width/2) + px); 

我試過很多版本，但他們都錯了

Answer 1

要做到這一點數學，你必須混合%和px連帶使用calc操作與實現CSS。

$page-width: 1200; 

.element-class{ 
    margin-left: calc(50% - (#{$page-width}px/2)); 
/* outputs: margin-left: calc(50% - (1200px/2)); */ 
}