变亮而不是使按钮的背景变暗

Question

在Zurb基础中，可以通过调整$anchor-font-color-hover文件中darken()从lighten()到_settings.sass来更改悬停效果以点亮链接。< / p>

但对于按钮（和其他背景），没有这样的选择。如何将所有按钮的悬停效果设为lighten而不是darken？

Answer 1

修改button-style中的_buttons.scss mixin：

@mixin button-style($bg:$primary-color, $radius:false, $disabled:false) {
  ...
    &:hover,
    &:focus { background-color: lighten($bg, $button-function-factor);
  ... }

请参阅Github