- 基礎通用
- 基礎 - 全域性樣式
- 基礎 - Sass
- 基礎 - JavaScript
- 基礎 - JavaScript 工具
- 基礎 - 媒體查詢
- 基礎 - 網格
- 基礎 - Flex 網格
- 基礎 - 表單
- 基礎 - 可見性類
- 基礎 - 基本排版
- 基礎 - 排版輔助類
- 基礎 - 基本控制元件
- 基礎 - 導航
- 基礎 - 容器
- 基礎 - 媒體
- 基礎 - 外掛
- 基礎 SASS
- 基礎 - Sass 函式
- 基礎 - Sass 混合
- 基礎庫
- 基礎 - Motion UI
基礎 - 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
廣告