基础 - 顶部栏 SASS 参考

变量

您可以使用下表列出的 SASS 变量来更改组件的样式。

序号	名称及描述	类型	默认值
1	$topbar-padding 设置顶部栏的内填充。	数字	0.5em
2	$topbar-background 设置顶部栏的背景颜色。	颜色	$light-gray
3	$topbar-link-color 设置顶部栏菜单内链接的颜色。	颜色	$primary-color
4	$topbar-input-width 设置顶部栏中<input>元素的宽度。	数字	200px

您可以使用混合宏来构建组件的 CSS 类结构，如下表所示。

包含顶部栏容器的样式。

@include top-bar-container;

使顶部栏菜单堆叠。

@include top-bar-stacked;

foundation_navigation.htm

打印页面