使用 SCSS 更改 Foundation 6 中活动菜单项的颜色

Question

我想知道是否有一个 scss 变量与 activated menu item 的 color 关联（例如 Top Bar）。

正在做：

grep --color=auto -R 'active' *scss

我在找到的行中看到：

scss/components/_menu.scss:    .active > a {
scss/components/_menu.scss:      background: $menu-item-background-active;
scss/components/_menu.scss:      color: $menu-item-color-active;

我不太确定这些行是否适合在我的自定义 SCSS 文件中更改。

Answer 1

您可以覆盖 app.css 文件中的任何内容。把它放在所有 @include 行之后。

.menu {
  .active > a {
    color: blue;
  }
}