使用 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;
  }
}