[Sass運算]變量計算

在Sass中除了可以使用數值進行運算之外,還可以使用變量進行計算,其實在前面章節的示例中也或多或少的向大家展示了。在Sass中使用變量進行計算,這使得Sass的數學運算功能變得更加實用。一起來看一個簡單的示例:

$content-width: 720px;
$sidebar-width: 220px;
$gutter: 20px;

.container {
  width: $content-width + $sidebar-width + $gutter;
  margin: 0 auto;
}

編譯出來的CSS

.container {
  width: 960px;
  margin: 0 auto;
}

results matching ""

    No results matching ""