无法在基础 5 导轨应用程序中完全更改原色

Question

我用Foundation 5创建了一个新的rails 4应用程序(通过foundation-rails gem)。现在我即将更改一些样式。

如果我通过启用和更改行来更改foundation_and_overrides.scss内页面的主要颜色：

$primary-color: #0f6f5f;

结果是，所有链接现在都使用新颜色，但按钮仍然使用旧的基础蓝色作为背景。 深入研究粉底 scss 我可以看到按钮的默认背景颜色是 $primary 色，那么为什么它不改变它的颜色呢？

如何使用 foundation 5 更改所有按钮的默认背景，而无需使用类似的东西

.button {
background-color: #0f6f5f !important;
}

它有两个缺点：

• 它还会更改其他类(如 .secondary )按钮的背景颜色
• 如果基础不允许我正确更改原色，我将不得不将这种样式应用于我现在还不知道的许多其他元素/类。

更新：我发现这也适用于其他元素。更改例如

$body-font-family: "Courier New", "Courier", monospace;

将更改正文中简单文本的字体，但不会更改按钮、表单等的字体，即使这些字体系列的定义如下

$button-font-family: $body-font-family;

内部基础。

所以我的逻辑中一定是完全错误的。如何自定义基础轨道应用程序？

Answer 1

它可能有两种可能性为什么发生在你身上：

• 首先，您可能在某处设置了默认按钮颜色，它会覆盖您设置的$primary-color。检查按钮以查看颜色是否被覆盖。

• 其次，在定义按钮样式的文件中，如果它@import具有自定义$primary-color设置的文件，请参阅第一行

例如，在我的项目中，所有默认设置都在_global.scss文件中，所有自定义设置都在_settings.scss文件中。因此，如果我想更改任何元素的设置，我必须@import具有自定义设置的文件。希望它对你有用。