使用 bootstrap-sass 的颜色变量

Question

在我最新的 rails 项目中开始使用 sass，特别是 bootstrap-sass gem 来获得所有 twitter bootstrappy 的优点。

是否可以引用已经定义的变量？供应商/assets/stylesheets/bootstrap/_variables.scss文件包含颜色声明。

$blue: #049cdb !default;
$blueDark: #0064cd !default;
$green: #46a546 !default;
$red: #9d261d !default;

我是否需要在我的基本application.css.scss文件的顶部重新定义这些，或者我可以导入/引用变量文件吗？我尝试了几种这样的方法：

$bodyBackground: $black;
@import 'bootstrap'

但是， undefined variable 出错了$black。

Answer 1

首先，定义变量$black：

$black: #000;
$bodyBackground: $black;
@import "bootstrap";

或将其更改为：

$bodyBackground: #000;
@import "bootstrap";