定義變量的語法：

在有些編程語言中（如，JavaScript）聲明變量都是使用關(guān)鍵詞“var”開頭，但是在 Sass 不使用這個(gè)關(guān)鍵詞，而是使用大家都喜歡的美元符號“$”開頭。我想用一張圖來解釋，我一直堅(jiān)信，一圖勝千言萬語：

上圖非常清楚告訴了大家，Sass 的變量包括三個(gè)部分：

1. 聲明變量的符號“$”
2. 變量名稱
3. 賦予變量的值

來看一個(gè)簡單的示例，假設(shè)你的按鈕顏色可以給其聲明幾個(gè)變量：

$brand-primary : darken(#428bca, 6.5%) !default; // #337ab7
$btn-primary-color : #fff !default;
$btn-primary-bg : $brand-primary !default;
$btn-primary-border : darken($btn-primary-bg, 5%) !default;

如果值后面加上!default則表示默認(rèn)值。

注：了解 Bootstrap 的 Sass 版本的同學(xué)，就一眼能看出，上面的示例代碼是 Bootstrap 定義 primarybutton 的顏色。