如何在sass中覆盖bootstrap $ theme-color值?

时间:2017-08-26 08:03:57

标签: twitter-bootstrap sass

我必须在自定义_variables.scss

中覆盖引导函数

我尝试使用map-merge。

$theme-color: map-merge((primary, #333745 ));

1 个答案:

答案 0 :(得分:1)

无需使用merge-map,只需将root@090cdf22ac53:/openchain# wget 127.0.0.1:8090 converted 'http://127.0.0.1:8090' (ANSI_X3.4-1968) -> 'http://127.0.0.1:8090' (UTF-8) --2017-09-01 04:41:22-- http://127.0.0.1:8090/ Connecting to 127.0.0.1:8090... failed: Connection refused. 设置为地图:

$theme-colors

确保在引导变量文件之前包含自定义变量文件,您应该没问题。在内部,它将执行以下操作:

$theme-colors: (
  primary: #333745
)

所有引导程序默认值都是使用/* Set theme colors, !default means only update if undeclared */ $theme-colors: () !default; /* Use map-merge to overwrite the standard colors with your colors */ $theme-colors: map-merge(( primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800 ), $theme-colors); 标志设置的,因此您可以在加载引导程序sass代码之前通过声明它来覆盖您需要的任何值,它将尊重您自己的值。