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)); */ 
}