基礎 - Label SASS 參考



描述

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

變數

下表列出了專案設定檔案中的 SASS 變數,這些變數使該元件的預設樣式可以自定義。

序號 名稱及描述 型別 預設值
1

$label-background

它表示標籤的預設背景顏色。

顏色 $primary-color
2

$label-color

它表示標籤的預設文字顏色。

顏色 foreground($label-background)
3

$label-font-size

它表示標籤的預設字型大小。

數字 0.8rem
4

$label-padding

它表示標籤的預設內部填充。

數字 0.33333rem 0.5rem
5

$label-radius

它表示標籤的預設圓角。

數字 $global-radius

混合

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

label

@include label;

用於生成標籤的基本樣式。

foundation_media.htm
廣告

© . All rights reserved.