Foundation - 進度條 SASS 參考

描述

您可以使用 SASS 參考來更改元件的樣式。

下表列出了專案設定檔案中用於自定義此元件預設樣式的 SASS 變數。

序號	名稱和描述	型別	預設值
1	$progress-height 表示進度條的高度。	數值	1rem
2	$progress-background 表示進度條的背景顏色。	顏色	$medium-gray
3	$progress-margin-bottom 表示進度條的下邊距。	數值	$global-margin
4	$progress-meter-background 表示進度條刻度的預設顏色。	顏色	$primary-color
5	$progress-radius 表示進度條的預設圓角。	數值	$global-radius

要構建此元件的最終 CSS 輸出，可以使用以下混合宏。要使用 Foundation 元件構建您自己的類結構，您可以自己使用這些混合宏。

@include progress-container;

為進度條的容器新增樣式。

@include progress-meter;

為進度條的內部刻度新增樣式。

@include progress-meter-text;

為進度條刻度中的文字新增樣式。

foundation_media.htm

列印頁面