對基本問題表示歉意，但我對 SCSS 很陌生。我在變數 SCSS 檔案中有這個
$button-colors: () !default;
$button-colors: map-merge(
(
"success": #28a745,
"info": #17a2b8,
"warning": #ffc107,
"error": #dc3545,
"default": #343a40
),
$button-colors
);
如何覆寫自定義檔案中的顏色？
uj5u.com熱心網友回復：
$button-colors在@importsass 檔案之前或代碼開頭輕松設定變數的值。
關于!default更多資訊在這里：https : //sass-lang.com/documentation/variables#default-values
此行在之前定義時以及在將空映射分配給之前未定義時$button-colors: () !default;不執行任何操作；的值將覆寫 中定義的默認值。$button-colors$button-colors$button-colorsmap-marge
更多資訊在map-marge這里：https : //sass-lang.com/documentation/modules/map
map-marge 將覆寫重復鍵的第一個映射值上的第二個映射值。
// overwriting values
$button-colors: (
"info": #ccc,
"error": #fff
);
@import <your sass file address or name>
或者
// overwriting values
$button-colors: (
"info": #ccc,
"error": #fff
);
$button-colors: () !default;
$button-colors: map-merge(
(
"success": #28a745,
"info": #17a2b8,
"warning": #ffc107,
"error": #dc3545,
"default": #343a40
),
$button-colors
);
uj5u.com熱心網友回復：
您可以簡單地創建另一個map具有要覆寫的相同值的值。
$button-colors: (
"success": green,
"warning": red
);
這是一個顯示示例的JSFiddle
您也可以在此處閱讀地圖主題
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381647.html