Question

我今天第一次开始使用Gulp，我一直在改变_variables.scss文件中的一些变量来修改主题。我在颜色系统中添加了灰度到灰度，当我用gulp将其编译成css时出现错误：

错误：node_modules \ bootstrap \ scss_variables.scss错误：未定义   变量：＆＃34; $ gray-950＆＃34;。           在node_modules / bootstrap / scss / _variables.scss的第135行$ body-bg：$ gray-950！默认;
  ---------------------------- ^

我对_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;

我可能会缺少一个步骤吗？

Answer 1

您的$body-bg变量为grey-950 !default;

不应该是gray-950 !default吗？

在Bootstrap 4 Beta

1 个答案: