在 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;
}
在編輯第三行調用已定義的變量 $width.
參考代碼:
$width: 200px;
.box {
width: $width;
}
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報