首先定義好需要的 scss 變數
// 基本顏色
$blue:#324157
;$light-blue:#3a71a8;
$red:#c03639
;$pink: #e65d6e
;$green: #30b08f;
$tiffany: #4ab7bd;
$yellow:#fec171
;$pangreen: #30b08f;
// 側邊欄的顏色
$menutext:#bfcbd9;
// 側邊欄的文字的顏色
$menuactivetext:#409eff;
// 當前選中側邊欄的文字的顏色
$submenuactivetext:#f4f4f5;
// 當前選中一級選單的顏色
$menubg:#304156
;// 側邊欄的背景色
$menuhover:#263445
;// hover 的顏色
$submenubg:#1f2d3d;
// 一級選單下二級選單的背景色
$submenuhover:#001528
;// 二級選單的 hover 背景色
$sidebarwidth:
210px;
:export匯出
:
export
3. 使用
scss 中公共變數的匯出方法 export
在使用vue或者react開發專案時都會用到scss,或者less等的擴充套件語言，那麼肯定會有公共變數提取與使用，這篇文章就是記錄如何匯出公共css變數的 menutext bfcbd9 menuactivetext 409eff submenuactivetext f4f4f5 menubg 3...
vue專案scss定義全域性變數 顏色變數
1 建立乙個vue專案，並且該專案使用scss語法 2 定義乙個scss檔案，裡面定義乙個全域性的變數 3 在build下的utils.js中配置scss generateloaders sass 把css generateloaders sass 修改為 scss generateloaders ...
scss值列表 SCSS筆記1 變數
名詞解釋 li 包起來，表示這是個變數名。字串變數 變數的值如果是字串，一定要用單引號引起來，儘管不引起來也不會出錯。單引號引起來是為了能一眼認出這是變數的值而且是字串值，而不是普通屬性的值。唯一例外是css中類似initial或sans serif的識別符號無須引用起來。乙個最典型的例子 bord...