[Sass運算]減法

Sass的減法運算和加法運算類似,我們通過一個簡單的示例來做闡述:

$full-width: 960px;
$sidebar-width: 200px;

.content {
  width: $full-width -  $sidebar-width;
}

編譯出來的CSS 如下:

.content {
  width: 760px;
}

同樣的,運算時碰到不同類型的單位時,編譯也會報錯,如:

$full-width: 960px;

.content {
  width: $full-width -  1em;
}

編譯的時候,編譯器報“Incompatible units: 'em' and 'px'.”錯誤。

results matching ""

    No results matching ""