在Foundation 5 rails app中无法完全改变原色

Question

我创建了一个带有基础5的新rails 4应用程序（通过foundation-rails gem）。现在我要改变一些风格。

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

$primary-color: #0f6f5f;

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

如何使用粉底5更改所有按钮的默认背景，而不使用

之类的内容

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

有两个缺点：

• 它还会更改其他类按钮的背景颜色，例如.secondary
• 我必须将这种风格应用到我现在还不知道的许多其他元素/类中，如果基础不能让我正确地改变原色。

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

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

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

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

在基金会内部。

因此，我的逻辑中的某些内容必定是完全错误的。如何自定义基础absed rails app ??

Answer 1

为什么会发生这种情况可能有两种可能：

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

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

，请参阅第一行

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