Foundation 6 顶栏 link 颜色 Sass
Foundation 6 Top Bar link color Sass
如果我查看 _settings.scss
我找不到用于设置顶部栏 link 颜色样式的变量?
类似于:$topbar-link-color
?这个变量在某处吗?
在 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; }
如果我查看 _settings.scss
我找不到用于设置顶部栏 link 颜色样式的变量?
类似于:$topbar-link-color
?这个变量在某处吗?
在 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; }