Bootstrap-Sass：使用其他变量覆盖变量

Question

我正在为我的一个项目使用Bootstrap-sass，我想用Sass变量自定义它（当然）。

我创建了一个名为“ _variables.scss”的新.scss文件，并将其导入到我的主.scss文件中，然后再执行bootstrap-sass文件。 直到我达到一点为止，它都可以正常工作：

如果我想在自定义中使用bootstrap-sass变量，则它显然会指出该变量是未知的（因为稍后会导入）。 但这是不可避免的，如果我想以正确的方式更改某些变量，例如：

$container-desktop: (940px + $grid-gutter-width);

如果我只想将940px的“固定”值更改为某些值，但是我仍想在定义中使用$grid-gutter-width变量， $grid-gutter-width收到我在上面解释的错误。

任何想法我该怎么做？

Answer 1

我看到的唯一解决方案是声明您所依赖的变量。 因此，在bootstrap-sass的_variables.scss ，您可以找到$grid-gutter-width: 30px !default; _variables.scss $grid-gutter-width: 30px !default; 并在您自己的文件中使用它，如下所示：

$grid-gutter-width: 30px;
$container-desktop: (940px + $grid-gutter-width);

正如你想象，这是不幸的，把刚才复制的信息那样，特别是如果你最终不得不复制多个变量定义只申报你真正想要的人 。 如果有人拥有更“干”的解决方案，我也将非常感兴趣。