Foundation 6 Top Bar链接颜色Sass

时间:2016-04-21 08:11:15

标签: sass zurb-foundation-6

如果我查看_settings.scss我找不到变量来设置Top Bar链接颜色的样式?

类似于:$topbar-link-color?这个变量在某个地方吗?

1 个答案:

答案 0 :(得分:2)

在Foundation 6中,Top Bar使用以下内容中包含的primary颜色:

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

但是这种颜色当然不是Top Bar特有的。它是用于所有<a>链接的颜色。我相信基金会5有一个特殊的变量,但基金会6没有。

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

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

如果你正在使用基金会的menu组件,你可以这样做:

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