[Sass]變量的調用

在Sass 中聲明了變量之後，就可以在需要的地方調用變量。調用變量的方法也非常的簡單。

比如在定義了變量

$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;

在按鈕button 中調用，可以按下面的方式調用

.btn-primary {
   background-color: $btn-primary-bg;
   color: $btn-primary-color;
   border: 1px solid $btn-primary-border;
}

編譯出來的CSS:

.btn-primary {
  background-color: #337ab7;
  color: #fff;
  border: 1px solid #2e6da4;
}