sass - ボタンの背景を暗くする代わりに明るくする

Question

Zurb Foundation では、ファイル内の$anchor-font-color-hoverfrom からdarken()to を調整することで、リンクを照らすホバー効果を変更することができます。lighten()_settings.sass

しかし、ボタン (およびその他の背景) には、そのようなオプションはありません。すべてのボタンのホバー効果を のlighten代わりにするにはどうすればよいdarkenですか?

Answer 1

button-styleでmixin を編集し_buttons.scssます。

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

Githubを参照