css - Foundation - 改变镂空按钮的颜色

Question

我正在努力寻找有关如何更改 foundation 提供的空心按钮颜色的变量。

目前我必须通过执行以下操作来覆盖样式:

&.hollow {
   border: 1px solid $clr-primary;
   color: $clr-primary;
}

我喜欢在基础设置文件中更改大部分样式，而不是采用这种方法，这样我就不必编写超出需要的 CSS。

我是否缺少可以在基础设置中应用这些样式的变量？

Answer 1

根据基金会 wiki，您可以在此处找到变量:

All Foundation projects include a settings file, named _settings.scss. If you're using the CLI to create a Foundation for Sites project, you can find the settings file under scss/ (basic template) or src/assets/scss/ (ZURB template). If you're installing the framework standalone using Bower or npm, there's a settings file included in those packages, which you can move into your own Sass files to work with. — http://foundation.zurb.com/sites/docs/sass.html

更改调色板:http://foundation.zurb.com/sites/docs/global.html#changing-the-color-palette