Foundation - 顶部栏 SASS 参考
变量
您可以使用表中列出的以下 SASS 变量更改组件的样式。
| Sr.No. | 名称 &描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$topbar-padding 设置顶部栏的填充。 |
数字 | 0.5em |
| 2 |
$topbar-background 为顶部栏设置背景颜色。 |
颜色 | $light-gray |
| 3 |
$topbar-link-color 设置顶部栏菜单中存在的链接的颜色。 |
Color | $primary-color |
| 4 |
$topbar-input-width 设置顶部栏中 <input> 元素的宽度。 |
Number | 200px |
混合
您可以使用混合为您的组件构建 CSS 类结构，如表。
top-bar-container
包含顶部栏容器中的样式。
@include top-bar-container;
top-bar-stacked
使顶部栏菜单堆叠。
@include top-bar-stacked;
foundation_navigation.html
