SCSS

與 Sass 一樣，SCSS 變數用於儲存將在整個 SCSS 文件中多次使用的值。

變數主要用於儲存常用屬性值（如字型和顏色），但可用於任何屬性的任何值。

SCSS 使用 $ 符號宣告變數。

$font-stack: Helvetica, sans-serif;
$primary-color: #000000;

body {
  font-family: $font-stack;
  color: $primary-color;
}

如果要為此變數分配新值，僅在尚未分配變數時，可以在宣告變數時使用 !default：

$primary-color: blue;
$primary-color: red !default; // $primary-color is still "blue"
$primary-color: green;        // And now it's green.