2017-10-25 7 views
0

今日初めてGulpを使用し始めました。テーマを変更するために_variables.scssファイルの変数を変更して遊んでいました。私は色系におけるグレースケールにグレーを追加し、私は一口でCSSにこれをコンパイルするために来たとき、私はエラーを得た:ブートストラップ4のグレースケールに追加するときにGulpで未定義の変数エラーが発生する

Error: node_modules\bootstrap\scss_variables.scss Error: Undefined variable: "$grey-950". on line 135 of node_modules/bootstrap/scss/_variables.scss $body-bg: $grey-950 !default;
----------------------------^

_variables.scssファイルやグレースケールの私の理解だった私ができること

// stylelint-disable 
$white: #fff !default; 
$gray-100: #f8f9fa !default; 
$gray-200: #e9ecef !default; 
$gray-300: #dee2e6 !default; 
$gray-400: #ced4da !default; 
$gray-500: #adb5bd !default; 
$gray-600: #868e96 !default; 
$gray-700: #495057 !default; 
$gray-800: #343a40 !default; 
$gray-900: #212529 !default; 
$gray-950: #222222 !default; 
$black: #000 !default; 

$grays:() !default; 
$grays: map-merge((
    "100": $gray-100, 
    "200": $gray-200, 
    "300": $gray-300, 
    "400": $gray-400, 
    "500": $gray-500, 
    "600": $gray-600, 
    "700": $gray-700, 
    "800": $gray-800, 
    "900": $gray-900, 
    "950": $gray-950 
), $grays); 

それから私は、ページの背景のためにそれを使用することができるはずです::

// Body 
// 
// Settings for the `<body>` element. 

$body-bg:     $grey-950 !default; 
$body-color:    $gray-900 !default; 

は私が欠落している可能性がありステップはありますか?私は同じようにそれを行うマッピングされたように提供して、余分なものをスリップ

答えて

1

$body-bg変数はgrey-950 !defaultです。

gray-950 !defaultではありませんか?

+0

完全に気付かなかった!ありがとうございました!! –

関連する問題