无法访问Zurb Foundation的全局变量

Question

所以我最近刚刚在一个新项目中安装了Foundation 4.但是,如果我尝试使用foundation_and_overrides.scss文件中定义的变量,则会收到错误消息,指出找不到变量.

例

application.css.scss

 /*
 *= require_self
 *= require foundation_and_overrides
 *= require navigation
 */

foundation_and_overrides.scss

 @import "foundation/foundation-global";
 $topbar-bg: #230F2B;
 @import "foundation";

navigation.css.scss

#welcome a:not(.button):hover{
  background: $topbar-bg;
}

我收到以下错误 Undefined variable: "$topbar-bg".

但是覆盖文件的工作方式是顶部栏实际上会改变颜色,但这只是我无法在其他地方使用此变量.

Answer 1

在没有看到太多代码的情况下，在我看来，您实际上希望将 Foundation_and_overrides.scss 文件导入到 navigation.css.scss 中。看起来 $topbar-bg 变量仅驻留在该文件的范围内，而不是超出它。