在 Sass 中聲明了變量之后,就可以在需要的地方調(diào)用變量。調(diào)用變量的方法也非常的簡單。
比如在定義了變量
$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 中調(diào)用,可以按下面的方式調(diào)用
.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; }
在編輯第三行調(diào)用已定義的變量 $width.
參考代碼:
$width: 200px; .box { width: $width; }
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報