【发布时间】:2014-12-07 22:16:55
【问题描述】:
我正在为我的项目使用 sass-bootstrap,我有一个 _colors.scss 文件,用于保存颜色变量。 我在导入引导程序之前导入了我的 _colors.scss。
我可以修改主引导变量,例如:
$navbar-default-link-active-color: red;
// 标题菜单中的活动链接变为红色
但我不能在其他 sass 文件中使用颜色变量,例如:
$brand-primary: #428bca;
body {
color: $brand-primary;
}
// this give undefined variable
怎么样?
我的导入 application.css.scss:
@import "base-elements/colors";
@import "base-elements/typography";
@import "base-elements/helpers";
@import "bootstrap-sprockets";
@import "bootstrap";
@import "bootstrap-theme.min";
@import "components/login";
@import "components/carousel";
@import "pages/pages";
【问题讨论】:
-
@GiorigiaSambrotta 您需要将该文件导入您的
application.css.scss。请检查此网址:stackoverflow.com/questions/25281456/… -
谢谢,我已经在 application.css.scss 中导入该文件,我只是发现 sass 和 sass-rails gem 可能存在错误。我会给出这个答案
标签: ruby-on-rails twitter-bootstrap sass