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

Question

我使用基础 5（通过基础导轨 gem）创建了一个新的 rails 4 应用程序。现在我要改变一些样式。

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

$primary-color: #0f6f5f;

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

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

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

有两个缺点：

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

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

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

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

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

地基内部。

所以我的逻辑中的某些东西一定是完全错误的。如何自定义一个基础的absed rails应用程序？？

Answer 1

发生这种情况的原因可能有两种：

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

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

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