基础顶部栏行宽未定义

Question

我遇到以下导入问题

@import "../foundation/components/top-bar";

我得到Line 342 of _top-bar.scss: Undefined variable: "$row-width"

不幸的是，我无法找到有关此变量的大量文档。

深入了解_top-bar.scss的来源我到了抵押行342：

.contain-to-grid .top-bar { max-width: $row-width; margin: 0 auto; }

文档说明了.contain-to-grid：

If you want your navigation to be set to your grid width, wrap it in div class="contain-to-grid".

这意味着该课程是可选的。因此，不应将$row-width设置为某种默认值，以防止出现上述错误（即如果我决定不想使用.contain-to-grid）？

Answer 1

我遇到的变量是在templates/project/scss/_settings.scss或我自己的settings.css中定义的。因此，我创建了自己的原始_settings.scss副本并将其导入（即@import "settings";）。

换句话说，它总是在documentation的“使用Sass Standalone”一节中。