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

标签 css zurb-foundation

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

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

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

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

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

最佳答案

根据基金会 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

关于css - Foundation - 改变镂空按钮的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45586248/

相关文章:

css - 电子邮件基础的自定义 Scss 不导入

html - 在 zurb foundation 的列中间对齐文本

css - 悬停时更改基础 svg 颜色

javascript - 无法在 Foundation 5 Orbit slider 中初始化 javascript

css - 全屏减去 z-index anchor 不可点击

javascript - onmouseout 无法按需工作

css - 将 sass 变量应用于父元素的所有元素

html - 响应式导航栏问题

html - 如何在 UL 的十个列表中给出前五里或后五里的颜色?

css - 单击链接后菜单图标不打开菜单