基础 6 顶部栏链接颜色 Sass

Question

如果我查看_settings.scss我找不到变量来设置顶部栏链接颜色的样式？

像这样：$topbar-link-color？这个变量在某个地方吗？

Answer 1

在 Foundation 6 中，Top Bar 使用包含在以下位置的primary颜色：

$foundation-palette: (
  primary: #2199e8,
  secondary: #777,
  success: #3adb76,
  warning: #ffae00,
  alert: #ec5840,
);

但这种颜色当然不是特定于顶栏的。它是用于所有<a>链接的颜色。我相信基础5有一个特殊的变量，但基础6没有。

您必须创建自己的变量（例如 $topbar-link-color: red; ） 并将其用作：

.top-bar a { color: $topbar-link-color; }

如果您使用的是 Foundation 的 menu 组件，您可以执行以下操作：

.top-bar li a { color: $topbar-link-color; }