sass - Foundation 6 Top Bar 链接颜色 Sass

Question

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

类似于:$topbar-link-color ？这个变量在某处吗？

Answer 1

在 Foundation 6 中，顶部栏使用 primary颜色包含在:

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

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

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

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

如果您使用 Foundation 的 menu组件，你可能会这样做:

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