基礎 - 頂部欄 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

列印頁面