mdui 2.0.2 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/avatar/index.d.ts +17 -15
- package/components/avatar/index.js +7 -6
- package/components/badge/index.d.ts +11 -8
- package/components/badge/index.js +9 -7
- package/components/bottom-app-bar/index.d.ts +11 -4
- package/components/bottom-app-bar/index.js +8 -9
- package/components/button/button-base-style.js +1 -1
- package/components/button/button-base.d.ts +46 -47
- package/components/button/button-base.js +27 -25
- package/components/button/index.d.ts +19 -14
- package/components/button/index.js +12 -12
- package/components/button-icon/index.d.ts +15 -9
- package/components/button-icon/index.js +8 -9
- package/components/card/index.d.ts +15 -11
- package/components/card/index.js +10 -9
- package/components/checkbox/index.d.ts +30 -23
- package/components/checkbox/index.js +25 -25
- package/components/chip/index.d.ts +27 -20
- package/components/chip/index.js +19 -20
- package/components/circular-progress/index.d.ts +6 -4
- package/components/circular-progress/index.js +4 -3
- package/components/collapse/collapse-item.d.ts +17 -6
- package/components/collapse/collapse-item.js +7 -7
- package/components/collapse/collapse.d.ts +16 -11
- package/components/collapse/collapse.js +10 -10
- package/components/dialog/index.d.ts +22 -15
- package/components/dialog/index.js +23 -27
- package/components/divider/index.d.ts +7 -5
- package/components/divider/index.js +6 -5
- package/components/dropdown/index.d.ts +44 -37
- package/components/dropdown/index.js +50 -48
- package/components/fab/index.d.ts +12 -7
- package/components/fab/index.js +6 -6
- package/components/icon/index.d.ts +4 -2
- package/components/icon/index.js +3 -2
- package/components/layout/layout-item-base.d.ts +3 -2
- package/components/layout/layout-item-base.js +2 -2
- package/components/layout/layout-item.d.ts +11 -10
- package/components/layout/layout-item.js +6 -6
- package/components/layout/layout-main.d.ts +6 -4
- package/components/layout/layout-main.js +5 -4
- package/components/layout/layout.d.ts +6 -4
- package/components/layout/layout.js +5 -4
- package/components/linear-progress/index.d.ts +8 -6
- package/components/linear-progress/index.js +6 -5
- package/components/list/list-item-style.js +1 -1
- package/components/list/list-item.d.ts +24 -20
- package/components/list/list-item.js +10 -9
- package/components/list/list-subheader.d.ts +6 -4
- package/components/list/list-subheader.js +5 -4
- package/components/list/list.d.ts +5 -3
- package/components/list/list.js +4 -3
- package/components/menu/menu-item.d.ts +15 -7
- package/components/menu/menu-item.js +11 -15
- package/components/menu/menu.d.ts +20 -20
- package/components/menu/menu.js +13 -13
- package/components/navigation-bar/navigation-bar-item.d.ts +12 -8
- package/components/navigation-bar/navigation-bar-item.js +7 -6
- package/components/navigation-bar/navigation-bar.d.ts +17 -9
- package/components/navigation-bar/navigation-bar.js +15 -13
- package/components/navigation-drawer/index.d.ts +27 -21
- package/components/navigation-drawer/index.js +51 -38
- package/components/navigation-drawer/style.js +1 -1
- package/components/navigation-rail/navigation-rail-item.d.ts +13 -9
- package/components/navigation-rail/navigation-rail-item.js +7 -6
- package/components/navigation-rail/navigation-rail.d.ts +14 -12
- package/components/navigation-rail/navigation-rail.js +13 -12
- package/components/radio/radio-group.d.ts +20 -15
- package/components/radio/radio-group.js +21 -24
- package/components/radio/radio.d.ts +11 -6
- package/components/radio/radio.js +7 -7
- package/components/range-slider/index.d.ts +13 -8
- package/components/range-slider/index.js +10 -7
- package/components/ripple/index.d.ts +4 -2
- package/components/ripple/index.js +3 -2
- package/components/ripple/ripple-mixin.d.ts +1 -1
- package/components/ripple/ripple-mixin.js +0 -1
- package/components/segmented-button/segmented-button-group-style.js +1 -1
- package/components/segmented-button/segmented-button-group.d.ts +23 -22
- package/components/segmented-button/segmented-button-group.js +20 -23
- package/components/segmented-button/segmented-button.d.ts +9 -4
- package/components/segmented-button/segmented-button.js +3 -3
- package/components/select/index.d.ts +42 -35
- package/components/select/index.js +24 -25
- package/components/slider/index.d.ts +9 -2
- package/components/slider/index.js +5 -10
- package/components/slider/slider-base.d.ts +22 -18
- package/components/slider/slider-base.js +40 -21
- package/components/snackbar/index.d.ts +30 -23
- package/components/snackbar/index.js +25 -25
- package/components/switch/index.d.ts +24 -17
- package/components/switch/index.js +18 -18
- package/components/tabs/tab-panel.d.ts +7 -5
- package/components/tabs/tab-panel.js +5 -4
- package/components/tabs/tab.d.ts +13 -9
- package/components/tabs/tab.js +8 -7
- package/components/tabs/tabs.d.ts +24 -21
- package/components/tabs/tabs.js +24 -21
- package/components/text-field/index.d.ts +62 -54
- package/components/text-field/index.js +37 -37
- package/components/tooltip/index.d.ts +40 -33
- package/components/tooltip/index.js +45 -43
- package/components/top-app-bar/top-app-bar-title.d.ts +8 -6
- package/components/top-app-bar/top-app-bar-title.js +7 -6
- package/components/top-app-bar/top-app-bar.d.ts +12 -6
- package/components/top-app-bar/top-app-bar.js +9 -10
- package/css-data.en.json +2826 -0
- package/css-data.zh-cn.json +374 -367
- package/custom-elements.json +3844 -3824
- package/html-data.en.json +6551 -0
- package/html-data.zh-cn.json +1621 -1636
- package/jsx.en.d.ts +3303 -0
- package/jsx.zh-cn.d.ts +3351 -0
- package/mdui.esm.js +9 -9
- package/mdui.global.js +9 -9
- package/package.json +7 -5
- package/web-types.en.json +11718 -0
- package/web-types.zh-cn.json +3613 -3623
package/css-data.zh-cn.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"references": [
|
|
11
11
|
{
|
|
12
12
|
"name": "开发文档",
|
|
13
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
13
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
|
|
14
14
|
}
|
|
15
15
|
]
|
|
16
16
|
},
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"references": [
|
|
24
24
|
{
|
|
25
25
|
"name": "开发文档",
|
|
26
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
26
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
|
|
27
27
|
}
|
|
28
28
|
]
|
|
29
29
|
},
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"references": [
|
|
37
37
|
{
|
|
38
38
|
"name": "开发文档",
|
|
39
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
39
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
|
|
40
40
|
}
|
|
41
41
|
]
|
|
42
42
|
},
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"references": [
|
|
50
50
|
{
|
|
51
51
|
"name": "开发文档",
|
|
52
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
52
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
|
|
53
53
|
}
|
|
54
54
|
]
|
|
55
55
|
},
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"references": [
|
|
63
63
|
{
|
|
64
64
|
"name": "开发文档",
|
|
65
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
65
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
|
|
66
66
|
}
|
|
67
67
|
]
|
|
68
68
|
},
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"references": [
|
|
76
76
|
{
|
|
77
77
|
"name": "开发文档",
|
|
78
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
78
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
|
|
79
79
|
}
|
|
80
80
|
]
|
|
81
81
|
},
|
|
@@ -83,12 +83,12 @@
|
|
|
83
83
|
"name": "--mdui-color-primary-light",
|
|
84
84
|
"description": {
|
|
85
85
|
"kind": "markdown",
|
|
86
|
-
"value": "**Primary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
86
|
+
"value": "**Primary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-primary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
|
|
87
87
|
},
|
|
88
88
|
"references": [
|
|
89
89
|
{
|
|
90
90
|
"name": "开发文档",
|
|
91
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
91
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
92
92
|
}
|
|
93
93
|
]
|
|
94
94
|
},
|
|
@@ -96,12 +96,12 @@
|
|
|
96
96
|
"name": "--mdui-color-primary-container-light",
|
|
97
97
|
"description": {
|
|
98
98
|
"kind": "markdown",
|
|
99
|
-
"value": "**Primary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
99
|
+
"value": "**Primary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-primary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
|
|
100
100
|
},
|
|
101
101
|
"references": [
|
|
102
102
|
{
|
|
103
103
|
"name": "开发文档",
|
|
104
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
104
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
105
105
|
}
|
|
106
106
|
]
|
|
107
107
|
},
|
|
@@ -109,12 +109,12 @@
|
|
|
109
109
|
"name": "--mdui-color-on-primary-light",
|
|
110
110
|
"description": {
|
|
111
111
|
"kind": "markdown",
|
|
112
|
-
"value": "**On Primary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
112
|
+
"value": "**On Primary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-primary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
|
|
113
113
|
},
|
|
114
114
|
"references": [
|
|
115
115
|
{
|
|
116
116
|
"name": "开发文档",
|
|
117
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
117
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
118
118
|
}
|
|
119
119
|
]
|
|
120
120
|
},
|
|
@@ -122,12 +122,12 @@
|
|
|
122
122
|
"name": "--mdui-color-on-primary-container-light",
|
|
123
123
|
"description": {
|
|
124
124
|
"kind": "markdown",
|
|
125
|
-
"value": "**On Primary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
125
|
+
"value": "**On Primary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-primary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
|
|
126
126
|
},
|
|
127
127
|
"references": [
|
|
128
128
|
{
|
|
129
129
|
"name": "开发文档",
|
|
130
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
130
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
131
131
|
}
|
|
132
132
|
]
|
|
133
133
|
},
|
|
@@ -135,12 +135,12 @@
|
|
|
135
135
|
"name": "--mdui-color-inverse-primary-light",
|
|
136
136
|
"description": {
|
|
137
137
|
"kind": "markdown",
|
|
138
|
-
"value": "**Inverse Primary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
138
|
+
"value": "**Inverse Primary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-inverse-primary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
|
|
139
139
|
},
|
|
140
140
|
"references": [
|
|
141
141
|
{
|
|
142
142
|
"name": "开发文档",
|
|
143
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
143
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
144
144
|
}
|
|
145
145
|
]
|
|
146
146
|
},
|
|
@@ -148,12 +148,12 @@
|
|
|
148
148
|
"name": "--mdui-color-secondary-light",
|
|
149
149
|
"description": {
|
|
150
150
|
"kind": "markdown",
|
|
151
|
-
"value": "**Secondary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
151
|
+
"value": "**Secondary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-secondary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
|
|
152
152
|
},
|
|
153
153
|
"references": [
|
|
154
154
|
{
|
|
155
155
|
"name": "开发文档",
|
|
156
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
156
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
157
157
|
}
|
|
158
158
|
]
|
|
159
159
|
},
|
|
@@ -161,12 +161,12 @@
|
|
|
161
161
|
"name": "--mdui-color-secondary-container-light",
|
|
162
162
|
"description": {
|
|
163
163
|
"kind": "markdown",
|
|
164
|
-
"value": "**Secondary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
164
|
+
"value": "**Secondary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-secondary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
|
|
165
165
|
},
|
|
166
166
|
"references": [
|
|
167
167
|
{
|
|
168
168
|
"name": "开发文档",
|
|
169
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
169
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
170
170
|
}
|
|
171
171
|
]
|
|
172
172
|
},
|
|
@@ -174,12 +174,12 @@
|
|
|
174
174
|
"name": "--mdui-color-on-secondary-light",
|
|
175
175
|
"description": {
|
|
176
176
|
"kind": "markdown",
|
|
177
|
-
"value": "**On Secondary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
177
|
+
"value": "**On Secondary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-secondary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
|
|
178
178
|
},
|
|
179
179
|
"references": [
|
|
180
180
|
{
|
|
181
181
|
"name": "开发文档",
|
|
182
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
182
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
183
183
|
}
|
|
184
184
|
]
|
|
185
185
|
},
|
|
@@ -187,12 +187,12 @@
|
|
|
187
187
|
"name": "--mdui-color-on-secondary-container-light",
|
|
188
188
|
"description": {
|
|
189
189
|
"kind": "markdown",
|
|
190
|
-
"value": "**On Secondary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
190
|
+
"value": "**On Secondary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-secondary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
|
|
191
191
|
},
|
|
192
192
|
"references": [
|
|
193
193
|
{
|
|
194
194
|
"name": "开发文档",
|
|
195
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
195
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
196
196
|
}
|
|
197
197
|
]
|
|
198
198
|
},
|
|
@@ -200,12 +200,12 @@
|
|
|
200
200
|
"name": "--mdui-color-tertiary-light",
|
|
201
201
|
"description": {
|
|
202
202
|
"kind": "markdown",
|
|
203
|
-
"value": "**Tertiary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
203
|
+
"value": "**Tertiary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-tertiary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
|
|
204
204
|
},
|
|
205
205
|
"references": [
|
|
206
206
|
{
|
|
207
207
|
"name": "开发文档",
|
|
208
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
208
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
209
209
|
}
|
|
210
210
|
]
|
|
211
211
|
},
|
|
@@ -213,12 +213,12 @@
|
|
|
213
213
|
"name": "--mdui-color-tertiary-container-light",
|
|
214
214
|
"description": {
|
|
215
215
|
"kind": "markdown",
|
|
216
|
-
"value": "**Tertiary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
216
|
+
"value": "**Tertiary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-tertiary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
|
|
217
217
|
},
|
|
218
218
|
"references": [
|
|
219
219
|
{
|
|
220
220
|
"name": "开发文档",
|
|
221
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
221
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
222
222
|
}
|
|
223
223
|
]
|
|
224
224
|
},
|
|
@@ -226,12 +226,12 @@
|
|
|
226
226
|
"name": "--mdui-color-on-tertiary-light",
|
|
227
227
|
"description": {
|
|
228
228
|
"kind": "markdown",
|
|
229
|
-
"value": "**On Tertiary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
229
|
+
"value": "**On Tertiary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
|
|
230
230
|
},
|
|
231
231
|
"references": [
|
|
232
232
|
{
|
|
233
233
|
"name": "开发文档",
|
|
234
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
234
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
235
235
|
}
|
|
236
236
|
]
|
|
237
237
|
},
|
|
@@ -239,12 +239,12 @@
|
|
|
239
239
|
"name": "--mdui-color-on-tertiary-container-light",
|
|
240
240
|
"description": {
|
|
241
241
|
"kind": "markdown",
|
|
242
|
-
"value": "**On Tertiary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
242
|
+
"value": "**On Tertiary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
|
|
243
243
|
},
|
|
244
244
|
"references": [
|
|
245
245
|
{
|
|
246
246
|
"name": "开发文档",
|
|
247
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
247
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
248
248
|
}
|
|
249
249
|
]
|
|
250
250
|
},
|
|
@@ -252,12 +252,12 @@
|
|
|
252
252
|
"name": "--mdui-color-surface-light",
|
|
253
253
|
"description": {
|
|
254
254
|
"kind": "markdown",
|
|
255
|
-
"value": "**Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
255
|
+
"value": "**Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
|
|
256
256
|
},
|
|
257
257
|
"references": [
|
|
258
258
|
{
|
|
259
259
|
"name": "开发文档",
|
|
260
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
260
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
261
261
|
}
|
|
262
262
|
]
|
|
263
263
|
},
|
|
@@ -265,12 +265,12 @@
|
|
|
265
265
|
"name": "--mdui-color-surface-dim-light",
|
|
266
266
|
"description": {
|
|
267
267
|
"kind": "markdown",
|
|
268
|
-
"value": "**Surface Dim**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
268
|
+
"value": "**Surface Dim**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-dim-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
|
|
269
269
|
},
|
|
270
270
|
"references": [
|
|
271
271
|
{
|
|
272
272
|
"name": "开发文档",
|
|
273
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
273
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
274
274
|
}
|
|
275
275
|
]
|
|
276
276
|
},
|
|
@@ -278,12 +278,12 @@
|
|
|
278
278
|
"name": "--mdui-color-surface-bright-light",
|
|
279
279
|
"description": {
|
|
280
280
|
"kind": "markdown",
|
|
281
|
-
"value": "**Surface Bright**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
281
|
+
"value": "**Surface Bright**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-bright-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
|
|
282
282
|
},
|
|
283
283
|
"references": [
|
|
284
284
|
{
|
|
285
285
|
"name": "开发文档",
|
|
286
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
286
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
287
287
|
}
|
|
288
288
|
]
|
|
289
289
|
},
|
|
@@ -291,12 +291,12 @@
|
|
|
291
291
|
"name": "--mdui-color-surface-container-lowest-light",
|
|
292
292
|
"description": {
|
|
293
293
|
"kind": "markdown",
|
|
294
|
-
"value": "**Surface Container Lowest**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
294
|
+
"value": "**Surface Container Lowest**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-lowest-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
|
|
295
295
|
},
|
|
296
296
|
"references": [
|
|
297
297
|
{
|
|
298
298
|
"name": "开发文档",
|
|
299
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
299
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
300
300
|
}
|
|
301
301
|
]
|
|
302
302
|
},
|
|
@@ -304,12 +304,12 @@
|
|
|
304
304
|
"name": "--mdui-color-surface-container-low-light",
|
|
305
305
|
"description": {
|
|
306
306
|
"kind": "markdown",
|
|
307
|
-
"value": "**Surface Container Low**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
307
|
+
"value": "**Surface Container Low**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-low-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
|
|
308
308
|
},
|
|
309
309
|
"references": [
|
|
310
310
|
{
|
|
311
311
|
"name": "开发文档",
|
|
312
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
312
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
313
313
|
}
|
|
314
314
|
]
|
|
315
315
|
},
|
|
@@ -317,12 +317,12 @@
|
|
|
317
317
|
"name": "--mdui-color-surface-container-light",
|
|
318
318
|
"description": {
|
|
319
319
|
"kind": "markdown",
|
|
320
|
-
"value": "**Surface Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
320
|
+
"value": "**Surface Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
|
|
321
321
|
},
|
|
322
322
|
"references": [
|
|
323
323
|
{
|
|
324
324
|
"name": "开发文档",
|
|
325
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
325
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
326
326
|
}
|
|
327
327
|
]
|
|
328
328
|
},
|
|
@@ -330,12 +330,12 @@
|
|
|
330
330
|
"name": "--mdui-color-surface-container-high-light",
|
|
331
331
|
"description": {
|
|
332
332
|
"kind": "markdown",
|
|
333
|
-
"value": "**Surface Container High**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
333
|
+
"value": "**Surface Container High**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-high-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
|
|
334
334
|
},
|
|
335
335
|
"references": [
|
|
336
336
|
{
|
|
337
337
|
"name": "开发文档",
|
|
338
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
338
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
339
339
|
}
|
|
340
340
|
]
|
|
341
341
|
},
|
|
@@ -343,12 +343,12 @@
|
|
|
343
343
|
"name": "--mdui-color-surface-container-highest-light",
|
|
344
344
|
"description": {
|
|
345
345
|
"kind": "markdown",
|
|
346
|
-
"value": "**Surface Container Highest**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
346
|
+
"value": "**Surface Container Highest**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-highest-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
|
|
347
347
|
},
|
|
348
348
|
"references": [
|
|
349
349
|
{
|
|
350
350
|
"name": "开发文档",
|
|
351
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
351
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
352
352
|
}
|
|
353
353
|
]
|
|
354
354
|
},
|
|
@@ -356,12 +356,12 @@
|
|
|
356
356
|
"name": "--mdui-color-surface-variant-light",
|
|
357
357
|
"description": {
|
|
358
358
|
"kind": "markdown",
|
|
359
|
-
"value": "**Surface Variant**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
359
|
+
"value": "**Surface Variant**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-variant-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
|
|
360
360
|
},
|
|
361
361
|
"references": [
|
|
362
362
|
{
|
|
363
363
|
"name": "开发文档",
|
|
364
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
364
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
365
365
|
}
|
|
366
366
|
]
|
|
367
367
|
},
|
|
@@ -369,12 +369,12 @@
|
|
|
369
369
|
"name": "--mdui-color-on-surface-light",
|
|
370
370
|
"description": {
|
|
371
371
|
"kind": "markdown",
|
|
372
|
-
"value": "**On Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
372
|
+
"value": "**On Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-surface-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
|
|
373
373
|
},
|
|
374
374
|
"references": [
|
|
375
375
|
{
|
|
376
376
|
"name": "开发文档",
|
|
377
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
377
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
378
378
|
}
|
|
379
379
|
]
|
|
380
380
|
},
|
|
@@ -382,12 +382,12 @@
|
|
|
382
382
|
"name": "--mdui-color-on-surface-variant-light",
|
|
383
383
|
"description": {
|
|
384
384
|
"kind": "markdown",
|
|
385
|
-
"value": "**On Surface Variant**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
385
|
+
"value": "**On Surface Variant**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-surface-variant-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
|
|
386
386
|
},
|
|
387
387
|
"references": [
|
|
388
388
|
{
|
|
389
389
|
"name": "开发文档",
|
|
390
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
390
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
391
391
|
}
|
|
392
392
|
]
|
|
393
393
|
},
|
|
@@ -395,12 +395,12 @@
|
|
|
395
395
|
"name": "--mdui-color-inverse-surface-light",
|
|
396
396
|
"description": {
|
|
397
397
|
"kind": "markdown",
|
|
398
|
-
"value": "**Inverse Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
398
|
+
"value": "**Inverse Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-inverse-surface-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
|
|
399
399
|
},
|
|
400
400
|
"references": [
|
|
401
401
|
{
|
|
402
402
|
"name": "开发文档",
|
|
403
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
403
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
404
404
|
}
|
|
405
405
|
]
|
|
406
406
|
},
|
|
@@ -408,12 +408,12 @@
|
|
|
408
408
|
"name": "--mdui-color-inverse-on-surface-light",
|
|
409
409
|
"description": {
|
|
410
410
|
"kind": "markdown",
|
|
411
|
-
"value": "**Inverse On Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
411
|
+
"value": "**Inverse On Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-inverse-on-surface-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
|
|
412
412
|
},
|
|
413
413
|
"references": [
|
|
414
414
|
{
|
|
415
415
|
"name": "开发文档",
|
|
416
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
416
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
417
417
|
}
|
|
418
418
|
]
|
|
419
419
|
},
|
|
@@ -421,12 +421,12 @@
|
|
|
421
421
|
"name": "--mdui-color-background-light",
|
|
422
422
|
"description": {
|
|
423
423
|
"kind": "markdown",
|
|
424
|
-
"value": "**Background**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
424
|
+
"value": "**Background**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-background-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-background-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
|
|
425
425
|
},
|
|
426
426
|
"references": [
|
|
427
427
|
{
|
|
428
428
|
"name": "开发文档",
|
|
429
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
429
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
430
430
|
}
|
|
431
431
|
]
|
|
432
432
|
},
|
|
@@ -434,12 +434,12 @@
|
|
|
434
434
|
"name": "--mdui-color-on-background-light",
|
|
435
435
|
"description": {
|
|
436
436
|
"kind": "markdown",
|
|
437
|
-
"value": "**On Background**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
437
|
+
"value": "**On Background**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-background-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
|
|
438
438
|
},
|
|
439
439
|
"references": [
|
|
440
440
|
{
|
|
441
441
|
"name": "开发文档",
|
|
442
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
442
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
443
443
|
}
|
|
444
444
|
]
|
|
445
445
|
},
|
|
@@ -447,12 +447,12 @@
|
|
|
447
447
|
"name": "--mdui-color-error-light",
|
|
448
448
|
"description": {
|
|
449
449
|
"kind": "markdown",
|
|
450
|
-
"value": "**Error**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
450
|
+
"value": "**Error**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-error-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
|
|
451
451
|
},
|
|
452
452
|
"references": [
|
|
453
453
|
{
|
|
454
454
|
"name": "开发文档",
|
|
455
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
455
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
456
456
|
}
|
|
457
457
|
]
|
|
458
458
|
},
|
|
@@ -460,12 +460,12 @@
|
|
|
460
460
|
"name": "--mdui-color-error-container-light",
|
|
461
461
|
"description": {
|
|
462
462
|
"kind": "markdown",
|
|
463
|
-
"value": "**Error Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
463
|
+
"value": "**Error Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-error-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
|
|
464
464
|
},
|
|
465
465
|
"references": [
|
|
466
466
|
{
|
|
467
467
|
"name": "开发文档",
|
|
468
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
468
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
469
469
|
}
|
|
470
470
|
]
|
|
471
471
|
},
|
|
@@ -473,12 +473,12 @@
|
|
|
473
473
|
"name": "--mdui-color-on-error-light",
|
|
474
474
|
"description": {
|
|
475
475
|
"kind": "markdown",
|
|
476
|
-
"value": "**On Error**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
476
|
+
"value": "**On Error**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-error-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
|
|
477
477
|
},
|
|
478
478
|
"references": [
|
|
479
479
|
{
|
|
480
480
|
"name": "开发文档",
|
|
481
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
481
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
482
482
|
}
|
|
483
483
|
]
|
|
484
484
|
},
|
|
@@ -486,12 +486,12 @@
|
|
|
486
486
|
"name": "--mdui-color-on-error-container-light",
|
|
487
487
|
"description": {
|
|
488
488
|
"kind": "markdown",
|
|
489
|
-
"value": "**On Error Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
489
|
+
"value": "**On Error Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-error-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
|
|
490
490
|
},
|
|
491
491
|
"references": [
|
|
492
492
|
{
|
|
493
493
|
"name": "开发文档",
|
|
494
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
494
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
495
495
|
}
|
|
496
496
|
]
|
|
497
497
|
},
|
|
@@ -499,12 +499,12 @@
|
|
|
499
499
|
"name": "--mdui-color-outline-light",
|
|
500
500
|
"description": {
|
|
501
501
|
"kind": "markdown",
|
|
502
|
-
"value": "**Outline**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
502
|
+
"value": "**Outline**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-outline-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
|
|
503
503
|
},
|
|
504
504
|
"references": [
|
|
505
505
|
{
|
|
506
506
|
"name": "开发文档",
|
|
507
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
507
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
508
508
|
}
|
|
509
509
|
]
|
|
510
510
|
},
|
|
@@ -512,12 +512,12 @@
|
|
|
512
512
|
"name": "--mdui-color-outline-variant-light",
|
|
513
513
|
"description": {
|
|
514
514
|
"kind": "markdown",
|
|
515
|
-
"value": "**Outline Variant**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
515
|
+
"value": "**Outline Variant**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-outline-variant-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
|
|
516
516
|
},
|
|
517
517
|
"references": [
|
|
518
518
|
{
|
|
519
519
|
"name": "开发文档",
|
|
520
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
520
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
521
521
|
}
|
|
522
522
|
]
|
|
523
523
|
},
|
|
@@ -525,12 +525,12 @@
|
|
|
525
525
|
"name": "--mdui-color-shadow-light",
|
|
526
526
|
"description": {
|
|
527
527
|
"kind": "markdown",
|
|
528
|
-
"value": "**Shadow**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
528
|
+
"value": "**Shadow**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-shadow-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
|
|
529
529
|
},
|
|
530
530
|
"references": [
|
|
531
531
|
{
|
|
532
532
|
"name": "开发文档",
|
|
533
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
533
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
534
534
|
}
|
|
535
535
|
]
|
|
536
536
|
},
|
|
@@ -538,12 +538,12 @@
|
|
|
538
538
|
"name": "--mdui-color-surface-tint-color-light",
|
|
539
539
|
"description": {
|
|
540
540
|
"kind": "markdown",
|
|
541
|
-
"value": "**Surface Tint Color**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
541
|
+
"value": "**Surface Tint Color**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-tint-color-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
|
|
542
542
|
},
|
|
543
543
|
"references": [
|
|
544
544
|
{
|
|
545
545
|
"name": "开发文档",
|
|
546
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
546
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
547
547
|
}
|
|
548
548
|
]
|
|
549
549
|
},
|
|
@@ -551,12 +551,12 @@
|
|
|
551
551
|
"name": "--mdui-color-scrim-light",
|
|
552
552
|
"description": {
|
|
553
553
|
"kind": "markdown",
|
|
554
|
-
"value": "**Scrim**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
554
|
+
"value": "**Scrim**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-scrim-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
|
|
555
555
|
},
|
|
556
556
|
"references": [
|
|
557
557
|
{
|
|
558
558
|
"name": "开发文档",
|
|
559
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
559
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
560
560
|
}
|
|
561
561
|
]
|
|
562
562
|
},
|
|
@@ -564,12 +564,12 @@
|
|
|
564
564
|
"name": "--mdui-color-primary-dark",
|
|
565
565
|
"description": {
|
|
566
566
|
"kind": "markdown",
|
|
567
|
-
"value": "**Primary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
567
|
+
"value": "**Primary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-primary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
|
|
568
568
|
},
|
|
569
569
|
"references": [
|
|
570
570
|
{
|
|
571
571
|
"name": "开发文档",
|
|
572
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
572
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
573
573
|
}
|
|
574
574
|
]
|
|
575
575
|
},
|
|
@@ -577,12 +577,12 @@
|
|
|
577
577
|
"name": "--mdui-color-primary-container-dark",
|
|
578
578
|
"description": {
|
|
579
579
|
"kind": "markdown",
|
|
580
|
-
"value": "**Primary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
580
|
+
"value": "**Primary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-primary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
|
|
581
581
|
},
|
|
582
582
|
"references": [
|
|
583
583
|
{
|
|
584
584
|
"name": "开发文档",
|
|
585
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
585
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
586
586
|
}
|
|
587
587
|
]
|
|
588
588
|
},
|
|
@@ -590,12 +590,12 @@
|
|
|
590
590
|
"name": "--mdui-color-on-primary-dark",
|
|
591
591
|
"description": {
|
|
592
592
|
"kind": "markdown",
|
|
593
|
-
"value": "**On Primary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
593
|
+
"value": "**On Primary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-primary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
|
|
594
594
|
},
|
|
595
595
|
"references": [
|
|
596
596
|
{
|
|
597
597
|
"name": "开发文档",
|
|
598
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
598
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
599
599
|
}
|
|
600
600
|
]
|
|
601
601
|
},
|
|
@@ -603,12 +603,12 @@
|
|
|
603
603
|
"name": "--mdui-color-on-primary-container-dark",
|
|
604
604
|
"description": {
|
|
605
605
|
"kind": "markdown",
|
|
606
|
-
"value": "**On Primary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
606
|
+
"value": "**On Primary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-primary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
|
|
607
607
|
},
|
|
608
608
|
"references": [
|
|
609
609
|
{
|
|
610
610
|
"name": "开发文档",
|
|
611
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
611
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
612
612
|
}
|
|
613
613
|
]
|
|
614
614
|
},
|
|
@@ -616,12 +616,12 @@
|
|
|
616
616
|
"name": "--mdui-color-inverse-primary-dark",
|
|
617
617
|
"description": {
|
|
618
618
|
"kind": "markdown",
|
|
619
|
-
"value": "**Inverse Primary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
619
|
+
"value": "**Inverse Primary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-inverse-primary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
|
|
620
620
|
},
|
|
621
621
|
"references": [
|
|
622
622
|
{
|
|
623
623
|
"name": "开发文档",
|
|
624
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
624
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
625
625
|
}
|
|
626
626
|
]
|
|
627
627
|
},
|
|
@@ -629,12 +629,12 @@
|
|
|
629
629
|
"name": "--mdui-color-secondary-dark",
|
|
630
630
|
"description": {
|
|
631
631
|
"kind": "markdown",
|
|
632
|
-
"value": "**Secondary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
632
|
+
"value": "**Secondary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-secondary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
|
|
633
633
|
},
|
|
634
634
|
"references": [
|
|
635
635
|
{
|
|
636
636
|
"name": "开发文档",
|
|
637
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
637
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
638
638
|
}
|
|
639
639
|
]
|
|
640
640
|
},
|
|
@@ -642,12 +642,12 @@
|
|
|
642
642
|
"name": "--mdui-color-secondary-container-dark",
|
|
643
643
|
"description": {
|
|
644
644
|
"kind": "markdown",
|
|
645
|
-
"value": "**Secondary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
645
|
+
"value": "**Secondary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-secondary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
|
|
646
646
|
},
|
|
647
647
|
"references": [
|
|
648
648
|
{
|
|
649
649
|
"name": "开发文档",
|
|
650
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
650
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
651
651
|
}
|
|
652
652
|
]
|
|
653
653
|
},
|
|
@@ -655,12 +655,12 @@
|
|
|
655
655
|
"name": "--mdui-color-on-secondary-dark",
|
|
656
656
|
"description": {
|
|
657
657
|
"kind": "markdown",
|
|
658
|
-
"value": "**On Secondary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
658
|
+
"value": "**On Secondary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-secondary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
|
|
659
659
|
},
|
|
660
660
|
"references": [
|
|
661
661
|
{
|
|
662
662
|
"name": "开发文档",
|
|
663
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
663
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
664
664
|
}
|
|
665
665
|
]
|
|
666
666
|
},
|
|
@@ -668,12 +668,12 @@
|
|
|
668
668
|
"name": "--mdui-color-on-secondary-container-dark",
|
|
669
669
|
"description": {
|
|
670
670
|
"kind": "markdown",
|
|
671
|
-
"value": "**On Secondary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
671
|
+
"value": "**On Secondary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-secondary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
|
|
672
672
|
},
|
|
673
673
|
"references": [
|
|
674
674
|
{
|
|
675
675
|
"name": "开发文档",
|
|
676
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
676
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
677
677
|
}
|
|
678
678
|
]
|
|
679
679
|
},
|
|
@@ -681,12 +681,12 @@
|
|
|
681
681
|
"name": "--mdui-color-tertiary-dark",
|
|
682
682
|
"description": {
|
|
683
683
|
"kind": "markdown",
|
|
684
|
-
"value": "**Tertiary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
684
|
+
"value": "**Tertiary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-tertiary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
|
|
685
685
|
},
|
|
686
686
|
"references": [
|
|
687
687
|
{
|
|
688
688
|
"name": "开发文档",
|
|
689
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
689
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
690
690
|
}
|
|
691
691
|
]
|
|
692
692
|
},
|
|
@@ -694,12 +694,12 @@
|
|
|
694
694
|
"name": "--mdui-color-tertiary-container-dark",
|
|
695
695
|
"description": {
|
|
696
696
|
"kind": "markdown",
|
|
697
|
-
"value": "**Tertiary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
697
|
+
"value": "**Tertiary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-tertiary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
|
|
698
698
|
},
|
|
699
699
|
"references": [
|
|
700
700
|
{
|
|
701
701
|
"name": "开发文档",
|
|
702
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
702
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
703
703
|
}
|
|
704
704
|
]
|
|
705
705
|
},
|
|
@@ -707,12 +707,12 @@
|
|
|
707
707
|
"name": "--mdui-color-on-tertiary-dark",
|
|
708
708
|
"description": {
|
|
709
709
|
"kind": "markdown",
|
|
710
|
-
"value": "**On Tertiary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
710
|
+
"value": "**On Tertiary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
|
|
711
711
|
},
|
|
712
712
|
"references": [
|
|
713
713
|
{
|
|
714
714
|
"name": "开发文档",
|
|
715
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
715
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
716
716
|
}
|
|
717
717
|
]
|
|
718
718
|
},
|
|
@@ -720,12 +720,12 @@
|
|
|
720
720
|
"name": "--mdui-color-on-tertiary-container-dark",
|
|
721
721
|
"description": {
|
|
722
722
|
"kind": "markdown",
|
|
723
|
-
"value": "**On Tertiary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
723
|
+
"value": "**On Tertiary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
|
|
724
724
|
},
|
|
725
725
|
"references": [
|
|
726
726
|
{
|
|
727
727
|
"name": "开发文档",
|
|
728
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
728
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
729
729
|
}
|
|
730
730
|
]
|
|
731
731
|
},
|
|
@@ -733,12 +733,12 @@
|
|
|
733
733
|
"name": "--mdui-color-surface-dark",
|
|
734
734
|
"description": {
|
|
735
735
|
"kind": "markdown",
|
|
736
|
-
"value": "**Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
736
|
+
"value": "**Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
|
|
737
737
|
},
|
|
738
738
|
"references": [
|
|
739
739
|
{
|
|
740
740
|
"name": "开发文档",
|
|
741
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
741
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
742
742
|
}
|
|
743
743
|
]
|
|
744
744
|
},
|
|
@@ -746,12 +746,12 @@
|
|
|
746
746
|
"name": "--mdui-color-surface-dim-dark",
|
|
747
747
|
"description": {
|
|
748
748
|
"kind": "markdown",
|
|
749
|
-
"value": "**Surface Dim**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
749
|
+
"value": "**Surface Dim**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-dim-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
|
|
750
750
|
},
|
|
751
751
|
"references": [
|
|
752
752
|
{
|
|
753
753
|
"name": "开发文档",
|
|
754
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
754
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
755
755
|
}
|
|
756
756
|
]
|
|
757
757
|
},
|
|
@@ -759,12 +759,12 @@
|
|
|
759
759
|
"name": "--mdui-color-surface-bright-dark",
|
|
760
760
|
"description": {
|
|
761
761
|
"kind": "markdown",
|
|
762
|
-
"value": "**Surface Bright**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
762
|
+
"value": "**Surface Bright**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-bright-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
|
|
763
763
|
},
|
|
764
764
|
"references": [
|
|
765
765
|
{
|
|
766
766
|
"name": "开发文档",
|
|
767
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
767
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
768
768
|
}
|
|
769
769
|
]
|
|
770
770
|
},
|
|
@@ -772,12 +772,12 @@
|
|
|
772
772
|
"name": "--mdui-color-surface-container-lowest-dark",
|
|
773
773
|
"description": {
|
|
774
774
|
"kind": "markdown",
|
|
775
|
-
"value": "**Surface Container Lowest**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
775
|
+
"value": "**Surface Container Lowest**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-lowest-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
|
|
776
776
|
},
|
|
777
777
|
"references": [
|
|
778
778
|
{
|
|
779
779
|
"name": "开发文档",
|
|
780
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
780
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
781
781
|
}
|
|
782
782
|
]
|
|
783
783
|
},
|
|
@@ -785,12 +785,12 @@
|
|
|
785
785
|
"name": "--mdui-color-surface-container-low-dark",
|
|
786
786
|
"description": {
|
|
787
787
|
"kind": "markdown",
|
|
788
|
-
"value": "**Surface Container Low**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
788
|
+
"value": "**Surface Container Low**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-low-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
|
|
789
789
|
},
|
|
790
790
|
"references": [
|
|
791
791
|
{
|
|
792
792
|
"name": "开发文档",
|
|
793
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
793
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
794
794
|
}
|
|
795
795
|
]
|
|
796
796
|
},
|
|
@@ -798,12 +798,12 @@
|
|
|
798
798
|
"name": "--mdui-color-surface-container-dark",
|
|
799
799
|
"description": {
|
|
800
800
|
"kind": "markdown",
|
|
801
|
-
"value": "**Surface Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
801
|
+
"value": "**Surface Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
|
|
802
802
|
},
|
|
803
803
|
"references": [
|
|
804
804
|
{
|
|
805
805
|
"name": "开发文档",
|
|
806
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
806
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
807
807
|
}
|
|
808
808
|
]
|
|
809
809
|
},
|
|
@@ -811,12 +811,12 @@
|
|
|
811
811
|
"name": "--mdui-color-surface-container-high-dark",
|
|
812
812
|
"description": {
|
|
813
813
|
"kind": "markdown",
|
|
814
|
-
"value": "**Surface Container High**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
814
|
+
"value": "**Surface Container High**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-high-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
|
|
815
815
|
},
|
|
816
816
|
"references": [
|
|
817
817
|
{
|
|
818
818
|
"name": "开发文档",
|
|
819
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
819
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
820
820
|
}
|
|
821
821
|
]
|
|
822
822
|
},
|
|
@@ -824,12 +824,12 @@
|
|
|
824
824
|
"name": "--mdui-color-surface-container-highest-dark",
|
|
825
825
|
"description": {
|
|
826
826
|
"kind": "markdown",
|
|
827
|
-
"value": "**Surface Container Highest**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
827
|
+
"value": "**Surface Container Highest**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-highest-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
|
|
828
828
|
},
|
|
829
829
|
"references": [
|
|
830
830
|
{
|
|
831
831
|
"name": "开发文档",
|
|
832
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
832
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
833
833
|
}
|
|
834
834
|
]
|
|
835
835
|
},
|
|
@@ -837,12 +837,12 @@
|
|
|
837
837
|
"name": "--mdui-color-surface-variant-dark",
|
|
838
838
|
"description": {
|
|
839
839
|
"kind": "markdown",
|
|
840
|
-
"value": "**Surface Variant**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
840
|
+
"value": "**Surface Variant**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-variant-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
|
|
841
841
|
},
|
|
842
842
|
"references": [
|
|
843
843
|
{
|
|
844
844
|
"name": "开发文档",
|
|
845
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
845
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
846
846
|
}
|
|
847
847
|
]
|
|
848
848
|
},
|
|
@@ -850,12 +850,12 @@
|
|
|
850
850
|
"name": "--mdui-color-on-surface-dark",
|
|
851
851
|
"description": {
|
|
852
852
|
"kind": "markdown",
|
|
853
|
-
"value": "**On Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
853
|
+
"value": "**On Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-surface-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
|
|
854
854
|
},
|
|
855
855
|
"references": [
|
|
856
856
|
{
|
|
857
857
|
"name": "开发文档",
|
|
858
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
858
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
859
859
|
}
|
|
860
860
|
]
|
|
861
861
|
},
|
|
@@ -863,12 +863,12 @@
|
|
|
863
863
|
"name": "--mdui-color-on-surface-variant-dark",
|
|
864
864
|
"description": {
|
|
865
865
|
"kind": "markdown",
|
|
866
|
-
"value": "**On Surface Variant**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
866
|
+
"value": "**On Surface Variant**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-surface-variant-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
|
|
867
867
|
},
|
|
868
868
|
"references": [
|
|
869
869
|
{
|
|
870
870
|
"name": "开发文档",
|
|
871
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
871
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
872
872
|
}
|
|
873
873
|
]
|
|
874
874
|
},
|
|
@@ -876,12 +876,12 @@
|
|
|
876
876
|
"name": "--mdui-color-inverse-surface-dark",
|
|
877
877
|
"description": {
|
|
878
878
|
"kind": "markdown",
|
|
879
|
-
"value": "**Inverse Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
879
|
+
"value": "**Inverse Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-inverse-surface-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
|
|
880
880
|
},
|
|
881
881
|
"references": [
|
|
882
882
|
{
|
|
883
883
|
"name": "开发文档",
|
|
884
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
884
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
885
885
|
}
|
|
886
886
|
]
|
|
887
887
|
},
|
|
@@ -889,12 +889,12 @@
|
|
|
889
889
|
"name": "--mdui-color-inverse-on-surface-dark",
|
|
890
890
|
"description": {
|
|
891
891
|
"kind": "markdown",
|
|
892
|
-
"value": "**Inverse On Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
892
|
+
"value": "**Inverse On Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-inverse-on-surface-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
|
|
893
893
|
},
|
|
894
894
|
"references": [
|
|
895
895
|
{
|
|
896
896
|
"name": "开发文档",
|
|
897
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
897
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
898
898
|
}
|
|
899
899
|
]
|
|
900
900
|
},
|
|
@@ -902,12 +902,12 @@
|
|
|
902
902
|
"name": "--mdui-color-background-dark",
|
|
903
903
|
"description": {
|
|
904
904
|
"kind": "markdown",
|
|
905
|
-
"value": "**Background**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
905
|
+
"value": "**Background**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-background-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-background-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
|
|
906
906
|
},
|
|
907
907
|
"references": [
|
|
908
908
|
{
|
|
909
909
|
"name": "开发文档",
|
|
910
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
910
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
911
911
|
}
|
|
912
912
|
]
|
|
913
913
|
},
|
|
@@ -915,12 +915,12 @@
|
|
|
915
915
|
"name": "--mdui-color-on-background-dark",
|
|
916
916
|
"description": {
|
|
917
917
|
"kind": "markdown",
|
|
918
|
-
"value": "**On Background**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
918
|
+
"value": "**On Background**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-background-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
|
|
919
919
|
},
|
|
920
920
|
"references": [
|
|
921
921
|
{
|
|
922
922
|
"name": "开发文档",
|
|
923
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
923
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
924
924
|
}
|
|
925
925
|
]
|
|
926
926
|
},
|
|
@@ -928,12 +928,12 @@
|
|
|
928
928
|
"name": "--mdui-color-error-dark",
|
|
929
929
|
"description": {
|
|
930
930
|
"kind": "markdown",
|
|
931
|
-
"value": "**Error**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
931
|
+
"value": "**Error**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-error-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
|
|
932
932
|
},
|
|
933
933
|
"references": [
|
|
934
934
|
{
|
|
935
935
|
"name": "开发文档",
|
|
936
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
936
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
937
937
|
}
|
|
938
938
|
]
|
|
939
939
|
},
|
|
@@ -941,12 +941,12 @@
|
|
|
941
941
|
"name": "--mdui-color-error-container-dark",
|
|
942
942
|
"description": {
|
|
943
943
|
"kind": "markdown",
|
|
944
|
-
"value": "**Error Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
944
|
+
"value": "**Error Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-error-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
|
|
945
945
|
},
|
|
946
946
|
"references": [
|
|
947
947
|
{
|
|
948
948
|
"name": "开发文档",
|
|
949
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
949
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
950
950
|
}
|
|
951
951
|
]
|
|
952
952
|
},
|
|
@@ -954,12 +954,12 @@
|
|
|
954
954
|
"name": "--mdui-color-on-error-dark",
|
|
955
955
|
"description": {
|
|
956
956
|
"kind": "markdown",
|
|
957
|
-
"value": "**On Error**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
957
|
+
"value": "**On Error**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-error-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
|
|
958
958
|
},
|
|
959
959
|
"references": [
|
|
960
960
|
{
|
|
961
961
|
"name": "开发文档",
|
|
962
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
962
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
963
963
|
}
|
|
964
964
|
]
|
|
965
965
|
},
|
|
@@ -967,12 +967,12 @@
|
|
|
967
967
|
"name": "--mdui-color-on-error-container-dark",
|
|
968
968
|
"description": {
|
|
969
969
|
"kind": "markdown",
|
|
970
|
-
"value": "**On Error Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
970
|
+
"value": "**On Error Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-error-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
|
|
971
971
|
},
|
|
972
972
|
"references": [
|
|
973
973
|
{
|
|
974
974
|
"name": "开发文档",
|
|
975
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
975
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
976
976
|
}
|
|
977
977
|
]
|
|
978
978
|
},
|
|
@@ -980,12 +980,12 @@
|
|
|
980
980
|
"name": "--mdui-color-outline-dark",
|
|
981
981
|
"description": {
|
|
982
982
|
"kind": "markdown",
|
|
983
|
-
"value": "**Outline**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
983
|
+
"value": "**Outline**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-outline-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
|
|
984
984
|
},
|
|
985
985
|
"references": [
|
|
986
986
|
{
|
|
987
987
|
"name": "开发文档",
|
|
988
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
988
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
989
989
|
}
|
|
990
990
|
]
|
|
991
991
|
},
|
|
@@ -993,12 +993,12 @@
|
|
|
993
993
|
"name": "--mdui-color-outline-variant-dark",
|
|
994
994
|
"description": {
|
|
995
995
|
"kind": "markdown",
|
|
996
|
-
"value": "**Outline Variant**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
996
|
+
"value": "**Outline Variant**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-outline-variant-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
|
|
997
997
|
},
|
|
998
998
|
"references": [
|
|
999
999
|
{
|
|
1000
1000
|
"name": "开发文档",
|
|
1001
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1001
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1002
1002
|
}
|
|
1003
1003
|
]
|
|
1004
1004
|
},
|
|
@@ -1006,12 +1006,12 @@
|
|
|
1006
1006
|
"name": "--mdui-color-shadow-dark",
|
|
1007
1007
|
"description": {
|
|
1008
1008
|
"kind": "markdown",
|
|
1009
|
-
"value": "**Shadow**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
1009
|
+
"value": "**Shadow**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-shadow-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
|
|
1010
1010
|
},
|
|
1011
1011
|
"references": [
|
|
1012
1012
|
{
|
|
1013
1013
|
"name": "开发文档",
|
|
1014
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1014
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1015
1015
|
}
|
|
1016
1016
|
]
|
|
1017
1017
|
},
|
|
@@ -1019,12 +1019,12 @@
|
|
|
1019
1019
|
"name": "--mdui-color-surface-tint-color-dark",
|
|
1020
1020
|
"description": {
|
|
1021
1021
|
"kind": "markdown",
|
|
1022
|
-
"value": "**Surface Tint Color**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
1022
|
+
"value": "**Surface Tint Color**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-tint-color-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
|
|
1023
1023
|
},
|
|
1024
1024
|
"references": [
|
|
1025
1025
|
{
|
|
1026
1026
|
"name": "开发文档",
|
|
1027
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1027
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1028
1028
|
}
|
|
1029
1029
|
]
|
|
1030
1030
|
},
|
|
@@ -1032,12 +1032,12 @@
|
|
|
1032
1032
|
"name": "--mdui-color-scrim-dark",
|
|
1033
1033
|
"description": {
|
|
1034
1034
|
"kind": "markdown",
|
|
1035
|
-
"value": "**Scrim**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n
|
|
1035
|
+
"value": "**Scrim**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-scrim-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
|
|
1036
1036
|
},
|
|
1037
1037
|
"references": [
|
|
1038
1038
|
{
|
|
1039
1039
|
"name": "开发文档",
|
|
1040
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1040
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1041
1041
|
}
|
|
1042
1042
|
]
|
|
1043
1043
|
},
|
|
@@ -1050,7 +1050,7 @@
|
|
|
1050
1050
|
"references": [
|
|
1051
1051
|
{
|
|
1052
1052
|
"name": "开发文档",
|
|
1053
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1053
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1054
1054
|
}
|
|
1055
1055
|
]
|
|
1056
1056
|
},
|
|
@@ -1063,7 +1063,7 @@
|
|
|
1063
1063
|
"references": [
|
|
1064
1064
|
{
|
|
1065
1065
|
"name": "开发文档",
|
|
1066
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1066
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1067
1067
|
}
|
|
1068
1068
|
]
|
|
1069
1069
|
},
|
|
@@ -1076,7 +1076,7 @@
|
|
|
1076
1076
|
"references": [
|
|
1077
1077
|
{
|
|
1078
1078
|
"name": "开发文档",
|
|
1079
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1079
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1080
1080
|
}
|
|
1081
1081
|
]
|
|
1082
1082
|
},
|
|
@@ -1089,7 +1089,7 @@
|
|
|
1089
1089
|
"references": [
|
|
1090
1090
|
{
|
|
1091
1091
|
"name": "开发文档",
|
|
1092
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1092
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1093
1093
|
}
|
|
1094
1094
|
]
|
|
1095
1095
|
},
|
|
@@ -1102,7 +1102,7 @@
|
|
|
1102
1102
|
"references": [
|
|
1103
1103
|
{
|
|
1104
1104
|
"name": "开发文档",
|
|
1105
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1105
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1106
1106
|
}
|
|
1107
1107
|
]
|
|
1108
1108
|
},
|
|
@@ -1115,7 +1115,7 @@
|
|
|
1115
1115
|
"references": [
|
|
1116
1116
|
{
|
|
1117
1117
|
"name": "开发文档",
|
|
1118
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1118
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1119
1119
|
}
|
|
1120
1120
|
]
|
|
1121
1121
|
},
|
|
@@ -1128,7 +1128,7 @@
|
|
|
1128
1128
|
"references": [
|
|
1129
1129
|
{
|
|
1130
1130
|
"name": "开发文档",
|
|
1131
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1131
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1132
1132
|
}
|
|
1133
1133
|
]
|
|
1134
1134
|
},
|
|
@@ -1141,7 +1141,7 @@
|
|
|
1141
1141
|
"references": [
|
|
1142
1142
|
{
|
|
1143
1143
|
"name": "开发文档",
|
|
1144
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1144
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1145
1145
|
}
|
|
1146
1146
|
]
|
|
1147
1147
|
},
|
|
@@ -1154,7 +1154,7 @@
|
|
|
1154
1154
|
"references": [
|
|
1155
1155
|
{
|
|
1156
1156
|
"name": "开发文档",
|
|
1157
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1157
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1158
1158
|
}
|
|
1159
1159
|
]
|
|
1160
1160
|
},
|
|
@@ -1167,7 +1167,7 @@
|
|
|
1167
1167
|
"references": [
|
|
1168
1168
|
{
|
|
1169
1169
|
"name": "开发文档",
|
|
1170
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1170
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1171
1171
|
}
|
|
1172
1172
|
]
|
|
1173
1173
|
},
|
|
@@ -1180,7 +1180,7 @@
|
|
|
1180
1180
|
"references": [
|
|
1181
1181
|
{
|
|
1182
1182
|
"name": "开发文档",
|
|
1183
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1183
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1184
1184
|
}
|
|
1185
1185
|
]
|
|
1186
1186
|
},
|
|
@@ -1193,7 +1193,7 @@
|
|
|
1193
1193
|
"references": [
|
|
1194
1194
|
{
|
|
1195
1195
|
"name": "开发文档",
|
|
1196
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1196
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1197
1197
|
}
|
|
1198
1198
|
]
|
|
1199
1199
|
},
|
|
@@ -1206,7 +1206,7 @@
|
|
|
1206
1206
|
"references": [
|
|
1207
1207
|
{
|
|
1208
1208
|
"name": "开发文档",
|
|
1209
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1209
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1210
1210
|
}
|
|
1211
1211
|
]
|
|
1212
1212
|
},
|
|
@@ -1219,7 +1219,7 @@
|
|
|
1219
1219
|
"references": [
|
|
1220
1220
|
{
|
|
1221
1221
|
"name": "开发文档",
|
|
1222
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1222
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1223
1223
|
}
|
|
1224
1224
|
]
|
|
1225
1225
|
},
|
|
@@ -1232,7 +1232,7 @@
|
|
|
1232
1232
|
"references": [
|
|
1233
1233
|
{
|
|
1234
1234
|
"name": "开发文档",
|
|
1235
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1235
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1236
1236
|
}
|
|
1237
1237
|
]
|
|
1238
1238
|
},
|
|
@@ -1245,7 +1245,7 @@
|
|
|
1245
1245
|
"references": [
|
|
1246
1246
|
{
|
|
1247
1247
|
"name": "开发文档",
|
|
1248
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1248
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1249
1249
|
}
|
|
1250
1250
|
]
|
|
1251
1251
|
},
|
|
@@ -1258,7 +1258,7 @@
|
|
|
1258
1258
|
"references": [
|
|
1259
1259
|
{
|
|
1260
1260
|
"name": "开发文档",
|
|
1261
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1261
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1262
1262
|
}
|
|
1263
1263
|
]
|
|
1264
1264
|
},
|
|
@@ -1271,7 +1271,7 @@
|
|
|
1271
1271
|
"references": [
|
|
1272
1272
|
{
|
|
1273
1273
|
"name": "开发文档",
|
|
1274
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1274
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1275
1275
|
}
|
|
1276
1276
|
]
|
|
1277
1277
|
},
|
|
@@ -1284,7 +1284,7 @@
|
|
|
1284
1284
|
"references": [
|
|
1285
1285
|
{
|
|
1286
1286
|
"name": "开发文档",
|
|
1287
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1287
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1288
1288
|
}
|
|
1289
1289
|
]
|
|
1290
1290
|
},
|
|
@@ -1297,7 +1297,7 @@
|
|
|
1297
1297
|
"references": [
|
|
1298
1298
|
{
|
|
1299
1299
|
"name": "开发文档",
|
|
1300
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1300
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1301
1301
|
}
|
|
1302
1302
|
]
|
|
1303
1303
|
},
|
|
@@ -1310,7 +1310,7 @@
|
|
|
1310
1310
|
"references": [
|
|
1311
1311
|
{
|
|
1312
1312
|
"name": "开发文档",
|
|
1313
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1313
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1314
1314
|
}
|
|
1315
1315
|
]
|
|
1316
1316
|
},
|
|
@@ -1323,7 +1323,7 @@
|
|
|
1323
1323
|
"references": [
|
|
1324
1324
|
{
|
|
1325
1325
|
"name": "开发文档",
|
|
1326
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1326
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1327
1327
|
}
|
|
1328
1328
|
]
|
|
1329
1329
|
},
|
|
@@ -1336,7 +1336,7 @@
|
|
|
1336
1336
|
"references": [
|
|
1337
1337
|
{
|
|
1338
1338
|
"name": "开发文档",
|
|
1339
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1339
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1340
1340
|
}
|
|
1341
1341
|
]
|
|
1342
1342
|
},
|
|
@@ -1349,7 +1349,7 @@
|
|
|
1349
1349
|
"references": [
|
|
1350
1350
|
{
|
|
1351
1351
|
"name": "开发文档",
|
|
1352
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1352
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1353
1353
|
}
|
|
1354
1354
|
]
|
|
1355
1355
|
},
|
|
@@ -1362,7 +1362,7 @@
|
|
|
1362
1362
|
"references": [
|
|
1363
1363
|
{
|
|
1364
1364
|
"name": "开发文档",
|
|
1365
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1365
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1366
1366
|
}
|
|
1367
1367
|
]
|
|
1368
1368
|
},
|
|
@@ -1375,7 +1375,7 @@
|
|
|
1375
1375
|
"references": [
|
|
1376
1376
|
{
|
|
1377
1377
|
"name": "开发文档",
|
|
1378
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1378
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1379
1379
|
}
|
|
1380
1380
|
]
|
|
1381
1381
|
},
|
|
@@ -1388,7 +1388,7 @@
|
|
|
1388
1388
|
"references": [
|
|
1389
1389
|
{
|
|
1390
1390
|
"name": "开发文档",
|
|
1391
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1391
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1392
1392
|
}
|
|
1393
1393
|
]
|
|
1394
1394
|
},
|
|
@@ -1401,7 +1401,7 @@
|
|
|
1401
1401
|
"references": [
|
|
1402
1402
|
{
|
|
1403
1403
|
"name": "开发文档",
|
|
1404
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1404
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1405
1405
|
}
|
|
1406
1406
|
]
|
|
1407
1407
|
},
|
|
@@ -1414,7 +1414,7 @@
|
|
|
1414
1414
|
"references": [
|
|
1415
1415
|
{
|
|
1416
1416
|
"name": "开发文档",
|
|
1417
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1417
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1418
1418
|
}
|
|
1419
1419
|
]
|
|
1420
1420
|
},
|
|
@@ -1427,7 +1427,7 @@
|
|
|
1427
1427
|
"references": [
|
|
1428
1428
|
{
|
|
1429
1429
|
"name": "开发文档",
|
|
1430
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1430
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1431
1431
|
}
|
|
1432
1432
|
]
|
|
1433
1433
|
},
|
|
@@ -1440,7 +1440,7 @@
|
|
|
1440
1440
|
"references": [
|
|
1441
1441
|
{
|
|
1442
1442
|
"name": "开发文档",
|
|
1443
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1443
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1444
1444
|
}
|
|
1445
1445
|
]
|
|
1446
1446
|
},
|
|
@@ -1453,7 +1453,7 @@
|
|
|
1453
1453
|
"references": [
|
|
1454
1454
|
{
|
|
1455
1455
|
"name": "开发文档",
|
|
1456
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1456
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1457
1457
|
}
|
|
1458
1458
|
]
|
|
1459
1459
|
},
|
|
@@ -1466,7 +1466,7 @@
|
|
|
1466
1466
|
"references": [
|
|
1467
1467
|
{
|
|
1468
1468
|
"name": "开发文档",
|
|
1469
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1469
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1470
1470
|
}
|
|
1471
1471
|
]
|
|
1472
1472
|
},
|
|
@@ -1479,7 +1479,7 @@
|
|
|
1479
1479
|
"references": [
|
|
1480
1480
|
{
|
|
1481
1481
|
"name": "开发文档",
|
|
1482
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1482
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1483
1483
|
}
|
|
1484
1484
|
]
|
|
1485
1485
|
},
|
|
@@ -1492,7 +1492,7 @@
|
|
|
1492
1492
|
"references": [
|
|
1493
1493
|
{
|
|
1494
1494
|
"name": "开发文档",
|
|
1495
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1495
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1496
1496
|
}
|
|
1497
1497
|
]
|
|
1498
1498
|
},
|
|
@@ -1505,7 +1505,7 @@
|
|
|
1505
1505
|
"references": [
|
|
1506
1506
|
{
|
|
1507
1507
|
"name": "开发文档",
|
|
1508
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1508
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1509
1509
|
}
|
|
1510
1510
|
]
|
|
1511
1511
|
},
|
|
@@ -1518,7 +1518,7 @@
|
|
|
1518
1518
|
"references": [
|
|
1519
1519
|
{
|
|
1520
1520
|
"name": "开发文档",
|
|
1521
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
1521
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
|
|
1522
1522
|
}
|
|
1523
1523
|
]
|
|
1524
1524
|
},
|
|
@@ -1531,7 +1531,7 @@
|
|
|
1531
1531
|
"references": [
|
|
1532
1532
|
{
|
|
1533
1533
|
"name": "开发文档",
|
|
1534
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
1534
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
|
|
1535
1535
|
}
|
|
1536
1536
|
]
|
|
1537
1537
|
},
|
|
@@ -1544,7 +1544,7 @@
|
|
|
1544
1544
|
"references": [
|
|
1545
1545
|
{
|
|
1546
1546
|
"name": "开发文档",
|
|
1547
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
1547
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
|
|
1548
1548
|
}
|
|
1549
1549
|
]
|
|
1550
1550
|
},
|
|
@@ -1557,7 +1557,7 @@
|
|
|
1557
1557
|
"references": [
|
|
1558
1558
|
{
|
|
1559
1559
|
"name": "开发文档",
|
|
1560
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
1560
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
|
|
1561
1561
|
}
|
|
1562
1562
|
]
|
|
1563
1563
|
},
|
|
@@ -1570,7 +1570,7 @@
|
|
|
1570
1570
|
"references": [
|
|
1571
1571
|
{
|
|
1572
1572
|
"name": "开发文档",
|
|
1573
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
1573
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
|
|
1574
1574
|
}
|
|
1575
1575
|
]
|
|
1576
1576
|
},
|
|
@@ -1583,7 +1583,7 @@
|
|
|
1583
1583
|
"references": [
|
|
1584
1584
|
{
|
|
1585
1585
|
"name": "开发文档",
|
|
1586
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
1586
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
|
|
1587
1587
|
}
|
|
1588
1588
|
]
|
|
1589
1589
|
},
|
|
@@ -1596,7 +1596,7 @@
|
|
|
1596
1596
|
"references": [
|
|
1597
1597
|
{
|
|
1598
1598
|
"name": "开发文档",
|
|
1599
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
1599
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
|
|
1600
1600
|
}
|
|
1601
1601
|
]
|
|
1602
1602
|
},
|
|
@@ -1608,7 +1608,8 @@
|
|
|
1608
1608
|
},
|
|
1609
1609
|
"references": [
|
|
1610
1610
|
{
|
|
1611
|
-
"name": "开发文档"
|
|
1611
|
+
"name": "开发文档",
|
|
1612
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1612
1613
|
}
|
|
1613
1614
|
]
|
|
1614
1615
|
},
|
|
@@ -1620,7 +1621,8 @@
|
|
|
1620
1621
|
},
|
|
1621
1622
|
"references": [
|
|
1622
1623
|
{
|
|
1623
|
-
"name": "开发文档"
|
|
1624
|
+
"name": "开发文档",
|
|
1625
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1624
1626
|
}
|
|
1625
1627
|
]
|
|
1626
1628
|
},
|
|
@@ -1632,7 +1634,8 @@
|
|
|
1632
1634
|
},
|
|
1633
1635
|
"references": [
|
|
1634
1636
|
{
|
|
1635
|
-
"name": "开发文档"
|
|
1637
|
+
"name": "开发文档",
|
|
1638
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1636
1639
|
}
|
|
1637
1640
|
]
|
|
1638
1641
|
},
|
|
@@ -1644,7 +1647,8 @@
|
|
|
1644
1647
|
},
|
|
1645
1648
|
"references": [
|
|
1646
1649
|
{
|
|
1647
|
-
"name": "开发文档"
|
|
1650
|
+
"name": "开发文档",
|
|
1651
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1648
1652
|
}
|
|
1649
1653
|
]
|
|
1650
1654
|
},
|
|
@@ -1656,7 +1660,8 @@
|
|
|
1656
1660
|
},
|
|
1657
1661
|
"references": [
|
|
1658
1662
|
{
|
|
1659
|
-
"name": "开发文档"
|
|
1663
|
+
"name": "开发文档",
|
|
1664
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1660
1665
|
}
|
|
1661
1666
|
]
|
|
1662
1667
|
},
|
|
@@ -1668,7 +1673,8 @@
|
|
|
1668
1673
|
},
|
|
1669
1674
|
"references": [
|
|
1670
1675
|
{
|
|
1671
|
-
"name": "开发文档"
|
|
1676
|
+
"name": "开发文档",
|
|
1677
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1672
1678
|
}
|
|
1673
1679
|
]
|
|
1674
1680
|
},
|
|
@@ -1680,7 +1686,8 @@
|
|
|
1680
1686
|
},
|
|
1681
1687
|
"references": [
|
|
1682
1688
|
{
|
|
1683
|
-
"name": "开发文档"
|
|
1689
|
+
"name": "开发文档",
|
|
1690
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1684
1691
|
}
|
|
1685
1692
|
]
|
|
1686
1693
|
},
|
|
@@ -1688,12 +1695,12 @@
|
|
|
1688
1695
|
"name": "--mdui-motion-duration-short1",
|
|
1689
1696
|
"description": {
|
|
1690
1697
|
"kind": "markdown",
|
|
1691
|
-
"value": "short1
|
|
1698
|
+
"value": "short1 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 short1 动画的持续时间 */\n:root {\n --mdui-motion-duration-short1: 0.3s;\n}\n\n/* 读取 short1 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-short1);\n}\n```\n"
|
|
1692
1699
|
},
|
|
1693
1700
|
"references": [
|
|
1694
1701
|
{
|
|
1695
1702
|
"name": "开发文档",
|
|
1696
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1703
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1697
1704
|
}
|
|
1698
1705
|
]
|
|
1699
1706
|
},
|
|
@@ -1701,12 +1708,12 @@
|
|
|
1701
1708
|
"name": "--mdui-motion-duration-short2",
|
|
1702
1709
|
"description": {
|
|
1703
1710
|
"kind": "markdown",
|
|
1704
|
-
"value": "short2
|
|
1711
|
+
"value": "short2 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 short2 动画的持续时间 */\n:root {\n --mdui-motion-duration-short2: 0.3s;\n}\n\n/* 读取 short2 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-short2);\n}\n```\n"
|
|
1705
1712
|
},
|
|
1706
1713
|
"references": [
|
|
1707
1714
|
{
|
|
1708
1715
|
"name": "开发文档",
|
|
1709
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1716
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1710
1717
|
}
|
|
1711
1718
|
]
|
|
1712
1719
|
},
|
|
@@ -1714,12 +1721,12 @@
|
|
|
1714
1721
|
"name": "--mdui-motion-duration-short3",
|
|
1715
1722
|
"description": {
|
|
1716
1723
|
"kind": "markdown",
|
|
1717
|
-
"value": "short3
|
|
1724
|
+
"value": "short3 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 short3 动画的持续时间 */\n:root {\n --mdui-motion-duration-short3: 0.3s;\n}\n\n/* 读取 short3 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-short3);\n}\n```\n"
|
|
1718
1725
|
},
|
|
1719
1726
|
"references": [
|
|
1720
1727
|
{
|
|
1721
1728
|
"name": "开发文档",
|
|
1722
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1729
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1723
1730
|
}
|
|
1724
1731
|
]
|
|
1725
1732
|
},
|
|
@@ -1727,12 +1734,12 @@
|
|
|
1727
1734
|
"name": "--mdui-motion-duration-short4",
|
|
1728
1735
|
"description": {
|
|
1729
1736
|
"kind": "markdown",
|
|
1730
|
-
"value": "short4
|
|
1737
|
+
"value": "short4 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 short4 动画的持续时间 */\n:root {\n --mdui-motion-duration-short4: 0.3s;\n}\n\n/* 读取 short4 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-short4);\n}\n```\n"
|
|
1731
1738
|
},
|
|
1732
1739
|
"references": [
|
|
1733
1740
|
{
|
|
1734
1741
|
"name": "开发文档",
|
|
1735
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1742
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1736
1743
|
}
|
|
1737
1744
|
]
|
|
1738
1745
|
},
|
|
@@ -1740,12 +1747,12 @@
|
|
|
1740
1747
|
"name": "--mdui-motion-duration-medium1",
|
|
1741
1748
|
"description": {
|
|
1742
1749
|
"kind": "markdown",
|
|
1743
|
-
"value": "medium1
|
|
1750
|
+
"value": "medium1 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 medium1 动画的持续时间 */\n:root {\n --mdui-motion-duration-medium1: 0.3s;\n}\n\n/* 读取 medium1 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-medium1);\n}\n```\n"
|
|
1744
1751
|
},
|
|
1745
1752
|
"references": [
|
|
1746
1753
|
{
|
|
1747
1754
|
"name": "开发文档",
|
|
1748
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1755
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1749
1756
|
}
|
|
1750
1757
|
]
|
|
1751
1758
|
},
|
|
@@ -1753,12 +1760,12 @@
|
|
|
1753
1760
|
"name": "--mdui-motion-duration-medium2",
|
|
1754
1761
|
"description": {
|
|
1755
1762
|
"kind": "markdown",
|
|
1756
|
-
"value": "medium2
|
|
1763
|
+
"value": "medium2 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 medium2 动画的持续时间 */\n:root {\n --mdui-motion-duration-medium2: 0.3s;\n}\n\n/* 读取 medium2 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-medium2);\n}\n```\n"
|
|
1757
1764
|
},
|
|
1758
1765
|
"references": [
|
|
1759
1766
|
{
|
|
1760
1767
|
"name": "开发文档",
|
|
1761
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1768
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1762
1769
|
}
|
|
1763
1770
|
]
|
|
1764
1771
|
},
|
|
@@ -1766,12 +1773,12 @@
|
|
|
1766
1773
|
"name": "--mdui-motion-duration-medium3",
|
|
1767
1774
|
"description": {
|
|
1768
1775
|
"kind": "markdown",
|
|
1769
|
-
"value": "medium3
|
|
1776
|
+
"value": "medium3 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 medium3 动画的持续时间 */\n:root {\n --mdui-motion-duration-medium3: 0.3s;\n}\n\n/* 读取 medium3 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-medium3);\n}\n```\n"
|
|
1770
1777
|
},
|
|
1771
1778
|
"references": [
|
|
1772
1779
|
{
|
|
1773
1780
|
"name": "开发文档",
|
|
1774
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1781
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1775
1782
|
}
|
|
1776
1783
|
]
|
|
1777
1784
|
},
|
|
@@ -1779,12 +1786,12 @@
|
|
|
1779
1786
|
"name": "--mdui-motion-duration-medium4",
|
|
1780
1787
|
"description": {
|
|
1781
1788
|
"kind": "markdown",
|
|
1782
|
-
"value": "medium4
|
|
1789
|
+
"value": "medium4 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 medium4 动画的持续时间 */\n:root {\n --mdui-motion-duration-medium4: 0.3s;\n}\n\n/* 读取 medium4 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-medium4);\n}\n```\n"
|
|
1783
1790
|
},
|
|
1784
1791
|
"references": [
|
|
1785
1792
|
{
|
|
1786
1793
|
"name": "开发文档",
|
|
1787
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1794
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1788
1795
|
}
|
|
1789
1796
|
]
|
|
1790
1797
|
},
|
|
@@ -1792,12 +1799,12 @@
|
|
|
1792
1799
|
"name": "--mdui-motion-duration-long1",
|
|
1793
1800
|
"description": {
|
|
1794
1801
|
"kind": "markdown",
|
|
1795
|
-
"value": "long1
|
|
1802
|
+
"value": "long1 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 long1 动画的持续时间 */\n:root {\n --mdui-motion-duration-long1: 0.3s;\n}\n\n/* 读取 long1 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-long1);\n}\n```\n"
|
|
1796
1803
|
},
|
|
1797
1804
|
"references": [
|
|
1798
1805
|
{
|
|
1799
1806
|
"name": "开发文档",
|
|
1800
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1807
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1801
1808
|
}
|
|
1802
1809
|
]
|
|
1803
1810
|
},
|
|
@@ -1805,12 +1812,12 @@
|
|
|
1805
1812
|
"name": "--mdui-motion-duration-long2",
|
|
1806
1813
|
"description": {
|
|
1807
1814
|
"kind": "markdown",
|
|
1808
|
-
"value": "long2
|
|
1815
|
+
"value": "long2 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 long2 动画的持续时间 */\n:root {\n --mdui-motion-duration-long2: 0.3s;\n}\n\n/* 读取 long2 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-long2);\n}\n```\n"
|
|
1809
1816
|
},
|
|
1810
1817
|
"references": [
|
|
1811
1818
|
{
|
|
1812
1819
|
"name": "开发文档",
|
|
1813
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1820
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1814
1821
|
}
|
|
1815
1822
|
]
|
|
1816
1823
|
},
|
|
@@ -1818,12 +1825,12 @@
|
|
|
1818
1825
|
"name": "--mdui-motion-duration-long3",
|
|
1819
1826
|
"description": {
|
|
1820
1827
|
"kind": "markdown",
|
|
1821
|
-
"value": "long3
|
|
1828
|
+
"value": "long3 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 long3 动画的持续时间 */\n:root {\n --mdui-motion-duration-long3: 0.3s;\n}\n\n/* 读取 long3 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-long3);\n}\n```\n"
|
|
1822
1829
|
},
|
|
1823
1830
|
"references": [
|
|
1824
1831
|
{
|
|
1825
1832
|
"name": "开发文档",
|
|
1826
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1833
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1827
1834
|
}
|
|
1828
1835
|
]
|
|
1829
1836
|
},
|
|
@@ -1831,12 +1838,12 @@
|
|
|
1831
1838
|
"name": "--mdui-motion-duration-long4",
|
|
1832
1839
|
"description": {
|
|
1833
1840
|
"kind": "markdown",
|
|
1834
|
-
"value": "long4
|
|
1841
|
+
"value": "long4 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 long4 动画的持续时间 */\n:root {\n --mdui-motion-duration-long4: 0.3s;\n}\n\n/* 读取 long4 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-long4);\n}\n```\n"
|
|
1835
1842
|
},
|
|
1836
1843
|
"references": [
|
|
1837
1844
|
{
|
|
1838
1845
|
"name": "开发文档",
|
|
1839
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1846
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1840
1847
|
}
|
|
1841
1848
|
]
|
|
1842
1849
|
},
|
|
@@ -1844,12 +1851,12 @@
|
|
|
1844
1851
|
"name": "--mdui-motion-duration-extra-long1",
|
|
1845
1852
|
"description": {
|
|
1846
1853
|
"kind": "markdown",
|
|
1847
|
-
"value": "extra-long1
|
|
1854
|
+
"value": "extra-long1 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 extra-long1 动画的持续时间 */\n:root {\n --mdui-motion-duration-extra-long1: 0.3s;\n}\n\n/* 读取 extra-long1 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-extra-long1);\n}\n```\n"
|
|
1848
1855
|
},
|
|
1849
1856
|
"references": [
|
|
1850
1857
|
{
|
|
1851
1858
|
"name": "开发文档",
|
|
1852
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1859
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1853
1860
|
}
|
|
1854
1861
|
]
|
|
1855
1862
|
},
|
|
@@ -1857,12 +1864,12 @@
|
|
|
1857
1864
|
"name": "--mdui-motion-duration-extra-long2",
|
|
1858
1865
|
"description": {
|
|
1859
1866
|
"kind": "markdown",
|
|
1860
|
-
"value": "extra-long2
|
|
1867
|
+
"value": "extra-long2 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 extra-long2 动画的持续时间 */\n:root {\n --mdui-motion-duration-extra-long2: 0.3s;\n}\n\n/* 读取 extra-long2 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-extra-long2);\n}\n```\n"
|
|
1861
1868
|
},
|
|
1862
1869
|
"references": [
|
|
1863
1870
|
{
|
|
1864
1871
|
"name": "开发文档",
|
|
1865
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1872
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1866
1873
|
}
|
|
1867
1874
|
]
|
|
1868
1875
|
},
|
|
@@ -1870,12 +1877,12 @@
|
|
|
1870
1877
|
"name": "--mdui-motion-duration-extra-long3",
|
|
1871
1878
|
"description": {
|
|
1872
1879
|
"kind": "markdown",
|
|
1873
|
-
"value": "extra-long3
|
|
1880
|
+
"value": "extra-long3 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 extra-long3 动画的持续时间 */\n:root {\n --mdui-motion-duration-extra-long3: 0.3s;\n}\n\n/* 读取 extra-long3 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-extra-long3);\n}\n```\n"
|
|
1874
1881
|
},
|
|
1875
1882
|
"references": [
|
|
1876
1883
|
{
|
|
1877
1884
|
"name": "开发文档",
|
|
1878
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1885
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1879
1886
|
}
|
|
1880
1887
|
]
|
|
1881
1888
|
},
|
|
@@ -1883,12 +1890,12 @@
|
|
|
1883
1890
|
"name": "--mdui-motion-duration-extra-long4",
|
|
1884
1891
|
"description": {
|
|
1885
1892
|
"kind": "markdown",
|
|
1886
|
-
"value": "extra-long4
|
|
1893
|
+
"value": "extra-long4 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 extra-long4 动画的持续时间 */\n:root {\n --mdui-motion-duration-extra-long4: 0.3s;\n}\n\n/* 读取 extra-long4 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-extra-long4);\n}\n```\n"
|
|
1887
1894
|
},
|
|
1888
1895
|
"references": [
|
|
1889
1896
|
{
|
|
1890
1897
|
"name": "开发文档",
|
|
1891
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
1898
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
|
|
1892
1899
|
}
|
|
1893
1900
|
]
|
|
1894
1901
|
},
|
|
@@ -1901,7 +1908,7 @@
|
|
|
1901
1908
|
"references": [
|
|
1902
1909
|
{
|
|
1903
1910
|
"name": "开发文档",
|
|
1904
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
1911
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
|
|
1905
1912
|
}
|
|
1906
1913
|
]
|
|
1907
1914
|
},
|
|
@@ -1914,7 +1921,7 @@
|
|
|
1914
1921
|
"references": [
|
|
1915
1922
|
{
|
|
1916
1923
|
"name": "开发文档",
|
|
1917
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
1924
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
|
|
1918
1925
|
}
|
|
1919
1926
|
]
|
|
1920
1927
|
},
|
|
@@ -1927,7 +1934,7 @@
|
|
|
1927
1934
|
"references": [
|
|
1928
1935
|
{
|
|
1929
1936
|
"name": "开发文档",
|
|
1930
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
1937
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
|
|
1931
1938
|
}
|
|
1932
1939
|
]
|
|
1933
1940
|
},
|
|
@@ -1940,7 +1947,7 @@
|
|
|
1940
1947
|
"references": [
|
|
1941
1948
|
{
|
|
1942
1949
|
"name": "开发文档",
|
|
1943
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
1950
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
|
|
1944
1951
|
}
|
|
1945
1952
|
]
|
|
1946
1953
|
},
|
|
@@ -1953,7 +1960,7 @@
|
|
|
1953
1960
|
"references": [
|
|
1954
1961
|
{
|
|
1955
1962
|
"name": "开发文档",
|
|
1956
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
1963
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
|
|
1957
1964
|
}
|
|
1958
1965
|
]
|
|
1959
1966
|
},
|
|
@@ -1966,7 +1973,7 @@
|
|
|
1966
1973
|
"references": [
|
|
1967
1974
|
{
|
|
1968
1975
|
"name": "开发文档",
|
|
1969
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
1976
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
|
|
1970
1977
|
}
|
|
1971
1978
|
]
|
|
1972
1979
|
},
|
|
@@ -1979,7 +1986,7 @@
|
|
|
1979
1986
|
"references": [
|
|
1980
1987
|
{
|
|
1981
1988
|
"name": "开发文档",
|
|
1982
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
1989
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
|
|
1983
1990
|
}
|
|
1984
1991
|
]
|
|
1985
1992
|
},
|
|
@@ -1992,7 +1999,7 @@
|
|
|
1992
1999
|
"references": [
|
|
1993
2000
|
{
|
|
1994
2001
|
"name": "开发文档",
|
|
1995
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#state-layer"
|
|
2002
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#state-layer"
|
|
1996
2003
|
}
|
|
1997
2004
|
]
|
|
1998
2005
|
},
|
|
@@ -2005,7 +2012,7 @@
|
|
|
2005
2012
|
"references": [
|
|
2006
2013
|
{
|
|
2007
2014
|
"name": "开发文档",
|
|
2008
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#state-layer"
|
|
2015
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#state-layer"
|
|
2009
2016
|
}
|
|
2010
2017
|
]
|
|
2011
2018
|
},
|
|
@@ -2018,7 +2025,7 @@
|
|
|
2018
2025
|
"references": [
|
|
2019
2026
|
{
|
|
2020
2027
|
"name": "开发文档",
|
|
2021
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#state-layer"
|
|
2028
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#state-layer"
|
|
2022
2029
|
}
|
|
2023
2030
|
]
|
|
2024
2031
|
},
|
|
@@ -2031,7 +2038,7 @@
|
|
|
2031
2038
|
"references": [
|
|
2032
2039
|
{
|
|
2033
2040
|
"name": "开发文档",
|
|
2034
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#state-layer"
|
|
2041
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#state-layer"
|
|
2035
2042
|
}
|
|
2036
2043
|
]
|
|
2037
2044
|
},
|
|
@@ -2039,12 +2046,12 @@
|
|
|
2039
2046
|
"name": "--mdui-typescale-display-large-weight",
|
|
2040
2047
|
"description": {
|
|
2041
2048
|
"kind": "markdown",
|
|
2042
|
-
"value": "
|
|
2049
|
+
"value": "Display Large 字重。\n\n**示例**：\n```css\n/* 设置 Display Large 字重 */\n:root {\n --mdui-typescale-display-large-weight: 500;\n}\n\n/* 读取 Display Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-display-large-weight);\n}\n```\n"
|
|
2043
2050
|
},
|
|
2044
2051
|
"references": [
|
|
2045
2052
|
{
|
|
2046
2053
|
"name": "开发文档",
|
|
2047
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2054
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2048
2055
|
}
|
|
2049
2056
|
]
|
|
2050
2057
|
},
|
|
@@ -2052,12 +2059,12 @@
|
|
|
2052
2059
|
"name": "--mdui-typescale-display-large-line-height",
|
|
2053
2060
|
"description": {
|
|
2054
2061
|
"kind": "markdown",
|
|
2055
|
-
"value": "
|
|
2062
|
+
"value": "Display Large 行高。\n\n**示例**：\n```css\n/* 设置 Display Large 行高 */\n:root {\n --mdui-typescale-display-large-line-height: 1.5;\n}\n\n/* 读取 Display Large 行高 */\n.element {\n line-height: var(--mdui-typescale-display-large-line-height);\n}\n```\n"
|
|
2056
2063
|
},
|
|
2057
2064
|
"references": [
|
|
2058
2065
|
{
|
|
2059
2066
|
"name": "开发文档",
|
|
2060
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2067
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2061
2068
|
}
|
|
2062
2069
|
]
|
|
2063
2070
|
},
|
|
@@ -2065,12 +2072,12 @@
|
|
|
2065
2072
|
"name": "--mdui-typescale-display-large-size",
|
|
2066
2073
|
"description": {
|
|
2067
2074
|
"kind": "markdown",
|
|
2068
|
-
"value": "
|
|
2075
|
+
"value": "Display Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Display Large 字体大小 */\n:root {\n --mdui-typescale-display-large-size: 16px;\n}\n\n/* 读取 Display Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-display-large-size);\n}\n```\n"
|
|
2069
2076
|
},
|
|
2070
2077
|
"references": [
|
|
2071
2078
|
{
|
|
2072
2079
|
"name": "开发文档",
|
|
2073
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2080
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2074
2081
|
}
|
|
2075
2082
|
]
|
|
2076
2083
|
},
|
|
@@ -2078,12 +2085,12 @@
|
|
|
2078
2085
|
"name": "--mdui-typescale-display-large-tracking",
|
|
2079
2086
|
"description": {
|
|
2080
2087
|
"kind": "markdown",
|
|
2081
|
-
"value": "
|
|
2088
|
+
"value": "Display Large 字间距。\n\n**示例**：\n```css\n/* 设置 Display Large 字间距 */\n:root {\n --mdui-typescale-display-large-tracking: 0.1;\n}\n\n/* 读取 Display Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-display-large-tracking);\n}\n```\n"
|
|
2082
2089
|
},
|
|
2083
2090
|
"references": [
|
|
2084
2091
|
{
|
|
2085
2092
|
"name": "开发文档",
|
|
2086
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2093
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2087
2094
|
}
|
|
2088
2095
|
]
|
|
2089
2096
|
},
|
|
@@ -2091,12 +2098,12 @@
|
|
|
2091
2098
|
"name": "--mdui-typescale-display-medium-weight",
|
|
2092
2099
|
"description": {
|
|
2093
2100
|
"kind": "markdown",
|
|
2094
|
-
"value": "
|
|
2101
|
+
"value": "Display Medium 字重。\n\n**示例**：\n```css\n/* 设置 Display Medium 字重 */\n:root {\n --mdui-typescale-display-medium-weight: 500;\n}\n\n/* 读取 Display Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-display-medium-weight);\n}\n```\n"
|
|
2095
2102
|
},
|
|
2096
2103
|
"references": [
|
|
2097
2104
|
{
|
|
2098
2105
|
"name": "开发文档",
|
|
2099
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2106
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2100
2107
|
}
|
|
2101
2108
|
]
|
|
2102
2109
|
},
|
|
@@ -2104,12 +2111,12 @@
|
|
|
2104
2111
|
"name": "--mdui-typescale-display-medium-line-height",
|
|
2105
2112
|
"description": {
|
|
2106
2113
|
"kind": "markdown",
|
|
2107
|
-
"value": "
|
|
2114
|
+
"value": "Display Medium 行高。\n\n**示例**：\n```css\n/* 设置 Display Medium 行高 */\n:root {\n --mdui-typescale-display-medium-line-height: 1.5;\n}\n\n/* 读取 Display Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-display-medium-line-height);\n}\n```\n"
|
|
2108
2115
|
},
|
|
2109
2116
|
"references": [
|
|
2110
2117
|
{
|
|
2111
2118
|
"name": "开发文档",
|
|
2112
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2119
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2113
2120
|
}
|
|
2114
2121
|
]
|
|
2115
2122
|
},
|
|
@@ -2117,12 +2124,12 @@
|
|
|
2117
2124
|
"name": "--mdui-typescale-display-medium-size",
|
|
2118
2125
|
"description": {
|
|
2119
2126
|
"kind": "markdown",
|
|
2120
|
-
"value": "
|
|
2127
|
+
"value": "Display Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Display Medium 字体大小 */\n:root {\n --mdui-typescale-display-medium-size: 16px;\n}\n\n/* 读取 Display Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-display-medium-size);\n}\n```\n"
|
|
2121
2128
|
},
|
|
2122
2129
|
"references": [
|
|
2123
2130
|
{
|
|
2124
2131
|
"name": "开发文档",
|
|
2125
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2132
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2126
2133
|
}
|
|
2127
2134
|
]
|
|
2128
2135
|
},
|
|
@@ -2130,12 +2137,12 @@
|
|
|
2130
2137
|
"name": "--mdui-typescale-display-medium-tracking",
|
|
2131
2138
|
"description": {
|
|
2132
2139
|
"kind": "markdown",
|
|
2133
|
-
"value": "
|
|
2140
|
+
"value": "Display Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Display Medium 字间距 */\n:root {\n --mdui-typescale-display-medium-tracking: 0.1;\n}\n\n/* 读取 Display Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-display-medium-tracking);\n}\n```\n"
|
|
2134
2141
|
},
|
|
2135
2142
|
"references": [
|
|
2136
2143
|
{
|
|
2137
2144
|
"name": "开发文档",
|
|
2138
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2145
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2139
2146
|
}
|
|
2140
2147
|
]
|
|
2141
2148
|
},
|
|
@@ -2143,12 +2150,12 @@
|
|
|
2143
2150
|
"name": "--mdui-typescale-display-small-weight",
|
|
2144
2151
|
"description": {
|
|
2145
2152
|
"kind": "markdown",
|
|
2146
|
-
"value": "
|
|
2153
|
+
"value": "Display Small 字重。\n\n**示例**：\n```css\n/* 设置 Display Small 字重 */\n:root {\n --mdui-typescale-display-small-weight: 500;\n}\n\n/* 读取 Display Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-display-small-weight);\n}\n```\n"
|
|
2147
2154
|
},
|
|
2148
2155
|
"references": [
|
|
2149
2156
|
{
|
|
2150
2157
|
"name": "开发文档",
|
|
2151
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2158
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2152
2159
|
}
|
|
2153
2160
|
]
|
|
2154
2161
|
},
|
|
@@ -2156,12 +2163,12 @@
|
|
|
2156
2163
|
"name": "--mdui-typescale-display-small-line-height",
|
|
2157
2164
|
"description": {
|
|
2158
2165
|
"kind": "markdown",
|
|
2159
|
-
"value": "
|
|
2166
|
+
"value": "Display Small 行高。\n\n**示例**：\n```css\n/* 设置 Display Small 行高 */\n:root {\n --mdui-typescale-display-small-line-height: 1.5;\n}\n\n/* 读取 Display Small 行高 */\n.element {\n line-height: var(--mdui-typescale-display-small-line-height);\n}\n```\n"
|
|
2160
2167
|
},
|
|
2161
2168
|
"references": [
|
|
2162
2169
|
{
|
|
2163
2170
|
"name": "开发文档",
|
|
2164
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2171
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2165
2172
|
}
|
|
2166
2173
|
]
|
|
2167
2174
|
},
|
|
@@ -2169,12 +2176,12 @@
|
|
|
2169
2176
|
"name": "--mdui-typescale-display-small-size",
|
|
2170
2177
|
"description": {
|
|
2171
2178
|
"kind": "markdown",
|
|
2172
|
-
"value": "
|
|
2179
|
+
"value": "Display Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Display Small 字体大小 */\n:root {\n --mdui-typescale-display-small-size: 16px;\n}\n\n/* 读取 Display Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-display-small-size);\n}\n```\n"
|
|
2173
2180
|
},
|
|
2174
2181
|
"references": [
|
|
2175
2182
|
{
|
|
2176
2183
|
"name": "开发文档",
|
|
2177
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2184
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2178
2185
|
}
|
|
2179
2186
|
]
|
|
2180
2187
|
},
|
|
@@ -2182,12 +2189,12 @@
|
|
|
2182
2189
|
"name": "--mdui-typescale-display-small-tracking",
|
|
2183
2190
|
"description": {
|
|
2184
2191
|
"kind": "markdown",
|
|
2185
|
-
"value": "
|
|
2192
|
+
"value": "Display Small 字间距。\n\n**示例**：\n```css\n/* 设置 Display Small 字间距 */\n:root {\n --mdui-typescale-display-small-tracking: 0.1;\n}\n\n/* 读取 Display Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-display-small-tracking);\n}\n```\n"
|
|
2186
2193
|
},
|
|
2187
2194
|
"references": [
|
|
2188
2195
|
{
|
|
2189
2196
|
"name": "开发文档",
|
|
2190
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2197
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2191
2198
|
}
|
|
2192
2199
|
]
|
|
2193
2200
|
},
|
|
@@ -2195,12 +2202,12 @@
|
|
|
2195
2202
|
"name": "--mdui-typescale-headline-large-weight",
|
|
2196
2203
|
"description": {
|
|
2197
2204
|
"kind": "markdown",
|
|
2198
|
-
"value": "
|
|
2205
|
+
"value": "Headline Large 字重。\n\n**示例**：\n```css\n/* 设置 Headline Large 字重 */\n:root {\n --mdui-typescale-headline-large-weight: 500;\n}\n\n/* 读取 Headline Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-headline-large-weight);\n}\n```\n"
|
|
2199
2206
|
},
|
|
2200
2207
|
"references": [
|
|
2201
2208
|
{
|
|
2202
2209
|
"name": "开发文档",
|
|
2203
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2210
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2204
2211
|
}
|
|
2205
2212
|
]
|
|
2206
2213
|
},
|
|
@@ -2208,12 +2215,12 @@
|
|
|
2208
2215
|
"name": "--mdui-typescale-headline-large-line-height",
|
|
2209
2216
|
"description": {
|
|
2210
2217
|
"kind": "markdown",
|
|
2211
|
-
"value": "
|
|
2218
|
+
"value": "Headline Large 行高。\n\n**示例**：\n```css\n/* 设置 Headline Large 行高 */\n:root {\n --mdui-typescale-headline-large-line-height: 1.5;\n}\n\n/* 读取 Headline Large 行高 */\n.element {\n line-height: var(--mdui-typescale-headline-large-line-height);\n}\n```\n"
|
|
2212
2219
|
},
|
|
2213
2220
|
"references": [
|
|
2214
2221
|
{
|
|
2215
2222
|
"name": "开发文档",
|
|
2216
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2223
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2217
2224
|
}
|
|
2218
2225
|
]
|
|
2219
2226
|
},
|
|
@@ -2221,12 +2228,12 @@
|
|
|
2221
2228
|
"name": "--mdui-typescale-headline-large-size",
|
|
2222
2229
|
"description": {
|
|
2223
2230
|
"kind": "markdown",
|
|
2224
|
-
"value": "
|
|
2231
|
+
"value": "Headline Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Headline Large 字体大小 */\n:root {\n --mdui-typescale-headline-large-size: 16px;\n}\n\n/* 读取 Headline Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-headline-large-size);\n}\n```\n"
|
|
2225
2232
|
},
|
|
2226
2233
|
"references": [
|
|
2227
2234
|
{
|
|
2228
2235
|
"name": "开发文档",
|
|
2229
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2236
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2230
2237
|
}
|
|
2231
2238
|
]
|
|
2232
2239
|
},
|
|
@@ -2234,12 +2241,12 @@
|
|
|
2234
2241
|
"name": "--mdui-typescale-headline-large-tracking",
|
|
2235
2242
|
"description": {
|
|
2236
2243
|
"kind": "markdown",
|
|
2237
|
-
"value": "
|
|
2244
|
+
"value": "Headline Large 字间距。\n\n**示例**：\n```css\n/* 设置 Headline Large 字间距 */\n:root {\n --mdui-typescale-headline-large-tracking: 0.1;\n}\n\n/* 读取 Headline Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-headline-large-tracking);\n}\n```\n"
|
|
2238
2245
|
},
|
|
2239
2246
|
"references": [
|
|
2240
2247
|
{
|
|
2241
2248
|
"name": "开发文档",
|
|
2242
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2249
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2243
2250
|
}
|
|
2244
2251
|
]
|
|
2245
2252
|
},
|
|
@@ -2247,12 +2254,12 @@
|
|
|
2247
2254
|
"name": "--mdui-typescale-headline-medium-weight",
|
|
2248
2255
|
"description": {
|
|
2249
2256
|
"kind": "markdown",
|
|
2250
|
-
"value": "
|
|
2257
|
+
"value": "Headline Medium 字重。\n\n**示例**：\n```css\n/* 设置 Headline Medium 字重 */\n:root {\n --mdui-typescale-headline-medium-weight: 500;\n}\n\n/* 读取 Headline Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-headline-medium-weight);\n}\n```\n"
|
|
2251
2258
|
},
|
|
2252
2259
|
"references": [
|
|
2253
2260
|
{
|
|
2254
2261
|
"name": "开发文档",
|
|
2255
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2262
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2256
2263
|
}
|
|
2257
2264
|
]
|
|
2258
2265
|
},
|
|
@@ -2260,12 +2267,12 @@
|
|
|
2260
2267
|
"name": "--mdui-typescale-headline-medium-line-height",
|
|
2261
2268
|
"description": {
|
|
2262
2269
|
"kind": "markdown",
|
|
2263
|
-
"value": "
|
|
2270
|
+
"value": "Headline Medium 行高。\n\n**示例**：\n```css\n/* 设置 Headline Medium 行高 */\n:root {\n --mdui-typescale-headline-medium-line-height: 1.5;\n}\n\n/* 读取 Headline Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-headline-medium-line-height);\n}\n```\n"
|
|
2264
2271
|
},
|
|
2265
2272
|
"references": [
|
|
2266
2273
|
{
|
|
2267
2274
|
"name": "开发文档",
|
|
2268
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2275
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2269
2276
|
}
|
|
2270
2277
|
]
|
|
2271
2278
|
},
|
|
@@ -2273,12 +2280,12 @@
|
|
|
2273
2280
|
"name": "--mdui-typescale-headline-medium-size",
|
|
2274
2281
|
"description": {
|
|
2275
2282
|
"kind": "markdown",
|
|
2276
|
-
"value": "
|
|
2283
|
+
"value": "Headline Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Headline Medium 字体大小 */\n:root {\n --mdui-typescale-headline-medium-size: 16px;\n}\n\n/* 读取 Headline Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-headline-medium-size);\n}\n```\n"
|
|
2277
2284
|
},
|
|
2278
2285
|
"references": [
|
|
2279
2286
|
{
|
|
2280
2287
|
"name": "开发文档",
|
|
2281
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2288
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2282
2289
|
}
|
|
2283
2290
|
]
|
|
2284
2291
|
},
|
|
@@ -2286,12 +2293,12 @@
|
|
|
2286
2293
|
"name": "--mdui-typescale-headline-medium-tracking",
|
|
2287
2294
|
"description": {
|
|
2288
2295
|
"kind": "markdown",
|
|
2289
|
-
"value": "
|
|
2296
|
+
"value": "Headline Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Headline Medium 字间距 */\n:root {\n --mdui-typescale-headline-medium-tracking: 0.1;\n}\n\n/* 读取 Headline Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-headline-medium-tracking);\n}\n```\n"
|
|
2290
2297
|
},
|
|
2291
2298
|
"references": [
|
|
2292
2299
|
{
|
|
2293
2300
|
"name": "开发文档",
|
|
2294
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2301
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2295
2302
|
}
|
|
2296
2303
|
]
|
|
2297
2304
|
},
|
|
@@ -2299,12 +2306,12 @@
|
|
|
2299
2306
|
"name": "--mdui-typescale-headline-small-weight",
|
|
2300
2307
|
"description": {
|
|
2301
2308
|
"kind": "markdown",
|
|
2302
|
-
"value": "
|
|
2309
|
+
"value": "Headline Small 字重。\n\n**示例**：\n```css\n/* 设置 Headline Small 字重 */\n:root {\n --mdui-typescale-headline-small-weight: 500;\n}\n\n/* 读取 Headline Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-headline-small-weight);\n}\n```\n"
|
|
2303
2310
|
},
|
|
2304
2311
|
"references": [
|
|
2305
2312
|
{
|
|
2306
2313
|
"name": "开发文档",
|
|
2307
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2314
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2308
2315
|
}
|
|
2309
2316
|
]
|
|
2310
2317
|
},
|
|
@@ -2312,12 +2319,12 @@
|
|
|
2312
2319
|
"name": "--mdui-typescale-headline-small-line-height",
|
|
2313
2320
|
"description": {
|
|
2314
2321
|
"kind": "markdown",
|
|
2315
|
-
"value": "
|
|
2322
|
+
"value": "Headline Small 行高。\n\n**示例**：\n```css\n/* 设置 Headline Small 行高 */\n:root {\n --mdui-typescale-headline-small-line-height: 1.5;\n}\n\n/* 读取 Headline Small 行高 */\n.element {\n line-height: var(--mdui-typescale-headline-small-line-height);\n}\n```\n"
|
|
2316
2323
|
},
|
|
2317
2324
|
"references": [
|
|
2318
2325
|
{
|
|
2319
2326
|
"name": "开发文档",
|
|
2320
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2327
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2321
2328
|
}
|
|
2322
2329
|
]
|
|
2323
2330
|
},
|
|
@@ -2325,12 +2332,12 @@
|
|
|
2325
2332
|
"name": "--mdui-typescale-headline-small-size",
|
|
2326
2333
|
"description": {
|
|
2327
2334
|
"kind": "markdown",
|
|
2328
|
-
"value": "
|
|
2335
|
+
"value": "Headline Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Headline Small 字体大小 */\n:root {\n --mdui-typescale-headline-small-size: 16px;\n}\n\n/* 读取 Headline Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-headline-small-size);\n}\n```\n"
|
|
2329
2336
|
},
|
|
2330
2337
|
"references": [
|
|
2331
2338
|
{
|
|
2332
2339
|
"name": "开发文档",
|
|
2333
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2340
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2334
2341
|
}
|
|
2335
2342
|
]
|
|
2336
2343
|
},
|
|
@@ -2338,12 +2345,12 @@
|
|
|
2338
2345
|
"name": "--mdui-typescale-headline-small-tracking",
|
|
2339
2346
|
"description": {
|
|
2340
2347
|
"kind": "markdown",
|
|
2341
|
-
"value": "
|
|
2348
|
+
"value": "Headline Small 字间距。\n\n**示例**：\n```css\n/* 设置 Headline Small 字间距 */\n:root {\n --mdui-typescale-headline-small-tracking: 0.1;\n}\n\n/* 读取 Headline Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-headline-small-tracking);\n}\n```\n"
|
|
2342
2349
|
},
|
|
2343
2350
|
"references": [
|
|
2344
2351
|
{
|
|
2345
2352
|
"name": "开发文档",
|
|
2346
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2353
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2347
2354
|
}
|
|
2348
2355
|
]
|
|
2349
2356
|
},
|
|
@@ -2351,12 +2358,12 @@
|
|
|
2351
2358
|
"name": "--mdui-typescale-title-large-weight",
|
|
2352
2359
|
"description": {
|
|
2353
2360
|
"kind": "markdown",
|
|
2354
|
-
"value": "
|
|
2361
|
+
"value": "Title Large 字重。\n\n**示例**：\n```css\n/* 设置 Title Large 字重 */\n:root {\n --mdui-typescale-title-large-weight: 500;\n}\n\n/* 读取 Title Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-title-large-weight);\n}\n```\n"
|
|
2355
2362
|
},
|
|
2356
2363
|
"references": [
|
|
2357
2364
|
{
|
|
2358
2365
|
"name": "开发文档",
|
|
2359
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2366
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2360
2367
|
}
|
|
2361
2368
|
]
|
|
2362
2369
|
},
|
|
@@ -2364,12 +2371,12 @@
|
|
|
2364
2371
|
"name": "--mdui-typescale-title-large-line-height",
|
|
2365
2372
|
"description": {
|
|
2366
2373
|
"kind": "markdown",
|
|
2367
|
-
"value": "
|
|
2374
|
+
"value": "Title Large 行高。\n\n**示例**：\n```css\n/* 设置 Title Large 行高 */\n:root {\n --mdui-typescale-title-large-line-height: 1.5;\n}\n\n/* 读取 Title Large 行高 */\n.element {\n line-height: var(--mdui-typescale-title-large-line-height);\n}\n```\n"
|
|
2368
2375
|
},
|
|
2369
2376
|
"references": [
|
|
2370
2377
|
{
|
|
2371
2378
|
"name": "开发文档",
|
|
2372
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2379
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2373
2380
|
}
|
|
2374
2381
|
]
|
|
2375
2382
|
},
|
|
@@ -2377,12 +2384,12 @@
|
|
|
2377
2384
|
"name": "--mdui-typescale-title-large-size",
|
|
2378
2385
|
"description": {
|
|
2379
2386
|
"kind": "markdown",
|
|
2380
|
-
"value": "
|
|
2387
|
+
"value": "Title Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Title Large 字体大小 */\n:root {\n --mdui-typescale-title-large-size: 16px;\n}\n\n/* 读取 Title Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-title-large-size);\n}\n```\n"
|
|
2381
2388
|
},
|
|
2382
2389
|
"references": [
|
|
2383
2390
|
{
|
|
2384
2391
|
"name": "开发文档",
|
|
2385
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2392
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2386
2393
|
}
|
|
2387
2394
|
]
|
|
2388
2395
|
},
|
|
@@ -2390,12 +2397,12 @@
|
|
|
2390
2397
|
"name": "--mdui-typescale-title-large-tracking",
|
|
2391
2398
|
"description": {
|
|
2392
2399
|
"kind": "markdown",
|
|
2393
|
-
"value": "
|
|
2400
|
+
"value": "Title Large 字间距。\n\n**示例**：\n```css\n/* 设置 Title Large 字间距 */\n:root {\n --mdui-typescale-title-large-tracking: 0.1;\n}\n\n/* 读取 Title Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-title-large-tracking);\n}\n```\n"
|
|
2394
2401
|
},
|
|
2395
2402
|
"references": [
|
|
2396
2403
|
{
|
|
2397
2404
|
"name": "开发文档",
|
|
2398
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2405
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2399
2406
|
}
|
|
2400
2407
|
]
|
|
2401
2408
|
},
|
|
@@ -2403,12 +2410,12 @@
|
|
|
2403
2410
|
"name": "--mdui-typescale-title-medium-weight",
|
|
2404
2411
|
"description": {
|
|
2405
2412
|
"kind": "markdown",
|
|
2406
|
-
"value": "
|
|
2413
|
+
"value": "Title Medium 字重。\n\n**示例**：\n```css\n/* 设置 Title Medium 字重 */\n:root {\n --mdui-typescale-title-medium-weight: 500;\n}\n\n/* 读取 Title Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-title-medium-weight);\n}\n```\n"
|
|
2407
2414
|
},
|
|
2408
2415
|
"references": [
|
|
2409
2416
|
{
|
|
2410
2417
|
"name": "开发文档",
|
|
2411
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2418
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2412
2419
|
}
|
|
2413
2420
|
]
|
|
2414
2421
|
},
|
|
@@ -2416,12 +2423,12 @@
|
|
|
2416
2423
|
"name": "--mdui-typescale-title-medium-line-height",
|
|
2417
2424
|
"description": {
|
|
2418
2425
|
"kind": "markdown",
|
|
2419
|
-
"value": "
|
|
2426
|
+
"value": "Title Medium 行高。\n\n**示例**：\n```css\n/* 设置 Title Medium 行高 */\n:root {\n --mdui-typescale-title-medium-line-height: 1.5;\n}\n\n/* 读取 Title Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-title-medium-line-height);\n}\n```\n"
|
|
2420
2427
|
},
|
|
2421
2428
|
"references": [
|
|
2422
2429
|
{
|
|
2423
2430
|
"name": "开发文档",
|
|
2424
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2431
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2425
2432
|
}
|
|
2426
2433
|
]
|
|
2427
2434
|
},
|
|
@@ -2429,12 +2436,12 @@
|
|
|
2429
2436
|
"name": "--mdui-typescale-title-medium-size",
|
|
2430
2437
|
"description": {
|
|
2431
2438
|
"kind": "markdown",
|
|
2432
|
-
"value": "
|
|
2439
|
+
"value": "Title Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Title Medium 字体大小 */\n:root {\n --mdui-typescale-title-medium-size: 16px;\n}\n\n/* 读取 Title Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-title-medium-size);\n}\n```\n"
|
|
2433
2440
|
},
|
|
2434
2441
|
"references": [
|
|
2435
2442
|
{
|
|
2436
2443
|
"name": "开发文档",
|
|
2437
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2444
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2438
2445
|
}
|
|
2439
2446
|
]
|
|
2440
2447
|
},
|
|
@@ -2442,12 +2449,12 @@
|
|
|
2442
2449
|
"name": "--mdui-typescale-title-medium-tracking",
|
|
2443
2450
|
"description": {
|
|
2444
2451
|
"kind": "markdown",
|
|
2445
|
-
"value": "
|
|
2452
|
+
"value": "Title Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Title Medium 字间距 */\n:root {\n --mdui-typescale-title-medium-tracking: 0.1;\n}\n\n/* 读取 Title Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-title-medium-tracking);\n}\n```\n"
|
|
2446
2453
|
},
|
|
2447
2454
|
"references": [
|
|
2448
2455
|
{
|
|
2449
2456
|
"name": "开发文档",
|
|
2450
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2457
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2451
2458
|
}
|
|
2452
2459
|
]
|
|
2453
2460
|
},
|
|
@@ -2455,12 +2462,12 @@
|
|
|
2455
2462
|
"name": "--mdui-typescale-title-small-weight",
|
|
2456
2463
|
"description": {
|
|
2457
2464
|
"kind": "markdown",
|
|
2458
|
-
"value": "
|
|
2465
|
+
"value": "Title Small 字重。\n\n**示例**：\n```css\n/* 设置 Title Small 字重 */\n:root {\n --mdui-typescale-title-small-weight: 500;\n}\n\n/* 读取 Title Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-title-small-weight);\n}\n```\n"
|
|
2459
2466
|
},
|
|
2460
2467
|
"references": [
|
|
2461
2468
|
{
|
|
2462
2469
|
"name": "开发文档",
|
|
2463
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2470
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2464
2471
|
}
|
|
2465
2472
|
]
|
|
2466
2473
|
},
|
|
@@ -2468,12 +2475,12 @@
|
|
|
2468
2475
|
"name": "--mdui-typescale-title-small-line-height",
|
|
2469
2476
|
"description": {
|
|
2470
2477
|
"kind": "markdown",
|
|
2471
|
-
"value": "
|
|
2478
|
+
"value": "Title Small 行高。\n\n**示例**：\n```css\n/* 设置 Title Small 行高 */\n:root {\n --mdui-typescale-title-small-line-height: 1.5;\n}\n\n/* 读取 Title Small 行高 */\n.element {\n line-height: var(--mdui-typescale-title-small-line-height);\n}\n```\n"
|
|
2472
2479
|
},
|
|
2473
2480
|
"references": [
|
|
2474
2481
|
{
|
|
2475
2482
|
"name": "开发文档",
|
|
2476
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2483
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2477
2484
|
}
|
|
2478
2485
|
]
|
|
2479
2486
|
},
|
|
@@ -2481,12 +2488,12 @@
|
|
|
2481
2488
|
"name": "--mdui-typescale-title-small-size",
|
|
2482
2489
|
"description": {
|
|
2483
2490
|
"kind": "markdown",
|
|
2484
|
-
"value": "
|
|
2491
|
+
"value": "Title Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Title Small 字体大小 */\n:root {\n --mdui-typescale-title-small-size: 16px;\n}\n\n/* 读取 Title Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-title-small-size);\n}\n```\n"
|
|
2485
2492
|
},
|
|
2486
2493
|
"references": [
|
|
2487
2494
|
{
|
|
2488
2495
|
"name": "开发文档",
|
|
2489
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2496
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2490
2497
|
}
|
|
2491
2498
|
]
|
|
2492
2499
|
},
|
|
@@ -2494,12 +2501,12 @@
|
|
|
2494
2501
|
"name": "--mdui-typescale-title-small-tracking",
|
|
2495
2502
|
"description": {
|
|
2496
2503
|
"kind": "markdown",
|
|
2497
|
-
"value": "
|
|
2504
|
+
"value": "Title Small 字间距。\n\n**示例**：\n```css\n/* 设置 Title Small 字间距 */\n:root {\n --mdui-typescale-title-small-tracking: 0.1;\n}\n\n/* 读取 Title Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-title-small-tracking);\n}\n```\n"
|
|
2498
2505
|
},
|
|
2499
2506
|
"references": [
|
|
2500
2507
|
{
|
|
2501
2508
|
"name": "开发文档",
|
|
2502
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2509
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2503
2510
|
}
|
|
2504
2511
|
]
|
|
2505
2512
|
},
|
|
@@ -2507,12 +2514,12 @@
|
|
|
2507
2514
|
"name": "--mdui-typescale-label-large-weight",
|
|
2508
2515
|
"description": {
|
|
2509
2516
|
"kind": "markdown",
|
|
2510
|
-
"value": "
|
|
2517
|
+
"value": "Label Large 字重。\n\n**示例**：\n```css\n/* 设置 Label Large 字重 */\n:root {\n --mdui-typescale-label-large-weight: 500;\n}\n\n/* 读取 Label Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-label-large-weight);\n}\n```\n"
|
|
2511
2518
|
},
|
|
2512
2519
|
"references": [
|
|
2513
2520
|
{
|
|
2514
2521
|
"name": "开发文档",
|
|
2515
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2522
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2516
2523
|
}
|
|
2517
2524
|
]
|
|
2518
2525
|
},
|
|
@@ -2520,12 +2527,12 @@
|
|
|
2520
2527
|
"name": "--mdui-typescale-label-large-line-height",
|
|
2521
2528
|
"description": {
|
|
2522
2529
|
"kind": "markdown",
|
|
2523
|
-
"value": "
|
|
2530
|
+
"value": "Label Large 行高。\n\n**示例**：\n```css\n/* 设置 Label Large 行高 */\n:root {\n --mdui-typescale-label-large-line-height: 1.5;\n}\n\n/* 读取 Label Large 行高 */\n.element {\n line-height: var(--mdui-typescale-label-large-line-height);\n}\n```\n"
|
|
2524
2531
|
},
|
|
2525
2532
|
"references": [
|
|
2526
2533
|
{
|
|
2527
2534
|
"name": "开发文档",
|
|
2528
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2535
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2529
2536
|
}
|
|
2530
2537
|
]
|
|
2531
2538
|
},
|
|
@@ -2533,12 +2540,12 @@
|
|
|
2533
2540
|
"name": "--mdui-typescale-label-large-size",
|
|
2534
2541
|
"description": {
|
|
2535
2542
|
"kind": "markdown",
|
|
2536
|
-
"value": "
|
|
2543
|
+
"value": "Label Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Label Large 字体大小 */\n:root {\n --mdui-typescale-label-large-size: 16px;\n}\n\n/* 读取 Label Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-label-large-size);\n}\n```\n"
|
|
2537
2544
|
},
|
|
2538
2545
|
"references": [
|
|
2539
2546
|
{
|
|
2540
2547
|
"name": "开发文档",
|
|
2541
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2548
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2542
2549
|
}
|
|
2543
2550
|
]
|
|
2544
2551
|
},
|
|
@@ -2546,12 +2553,12 @@
|
|
|
2546
2553
|
"name": "--mdui-typescale-label-large-tracking",
|
|
2547
2554
|
"description": {
|
|
2548
2555
|
"kind": "markdown",
|
|
2549
|
-
"value": "
|
|
2556
|
+
"value": "Label Large 字间距。\n\n**示例**：\n```css\n/* 设置 Label Large 字间距 */\n:root {\n --mdui-typescale-label-large-tracking: 0.1;\n}\n\n/* 读取 Label Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-label-large-tracking);\n}\n```\n"
|
|
2550
2557
|
},
|
|
2551
2558
|
"references": [
|
|
2552
2559
|
{
|
|
2553
2560
|
"name": "开发文档",
|
|
2554
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2561
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2555
2562
|
}
|
|
2556
2563
|
]
|
|
2557
2564
|
},
|
|
@@ -2559,12 +2566,12 @@
|
|
|
2559
2566
|
"name": "--mdui-typescale-label-medium-weight",
|
|
2560
2567
|
"description": {
|
|
2561
2568
|
"kind": "markdown",
|
|
2562
|
-
"value": "
|
|
2569
|
+
"value": "Label Medium 字重。\n\n**示例**：\n```css\n/* 设置 Label Medium 字重 */\n:root {\n --mdui-typescale-label-medium-weight: 500;\n}\n\n/* 读取 Label Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-label-medium-weight);\n}\n```\n"
|
|
2563
2570
|
},
|
|
2564
2571
|
"references": [
|
|
2565
2572
|
{
|
|
2566
2573
|
"name": "开发文档",
|
|
2567
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2574
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2568
2575
|
}
|
|
2569
2576
|
]
|
|
2570
2577
|
},
|
|
@@ -2572,12 +2579,12 @@
|
|
|
2572
2579
|
"name": "--mdui-typescale-label-medium-line-height",
|
|
2573
2580
|
"description": {
|
|
2574
2581
|
"kind": "markdown",
|
|
2575
|
-
"value": "
|
|
2582
|
+
"value": "Label Medium 行高。\n\n**示例**：\n```css\n/* 设置 Label Medium 行高 */\n:root {\n --mdui-typescale-label-medium-line-height: 1.5;\n}\n\n/* 读取 Label Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-label-medium-line-height);\n}\n```\n"
|
|
2576
2583
|
},
|
|
2577
2584
|
"references": [
|
|
2578
2585
|
{
|
|
2579
2586
|
"name": "开发文档",
|
|
2580
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2587
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2581
2588
|
}
|
|
2582
2589
|
]
|
|
2583
2590
|
},
|
|
@@ -2585,12 +2592,12 @@
|
|
|
2585
2592
|
"name": "--mdui-typescale-label-medium-size",
|
|
2586
2593
|
"description": {
|
|
2587
2594
|
"kind": "markdown",
|
|
2588
|
-
"value": "
|
|
2595
|
+
"value": "Label Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Label Medium 字体大小 */\n:root {\n --mdui-typescale-label-medium-size: 16px;\n}\n\n/* 读取 Label Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-label-medium-size);\n}\n```\n"
|
|
2589
2596
|
},
|
|
2590
2597
|
"references": [
|
|
2591
2598
|
{
|
|
2592
2599
|
"name": "开发文档",
|
|
2593
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2600
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2594
2601
|
}
|
|
2595
2602
|
]
|
|
2596
2603
|
},
|
|
@@ -2598,12 +2605,12 @@
|
|
|
2598
2605
|
"name": "--mdui-typescale-label-medium-tracking",
|
|
2599
2606
|
"description": {
|
|
2600
2607
|
"kind": "markdown",
|
|
2601
|
-
"value": "
|
|
2608
|
+
"value": "Label Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Label Medium 字间距 */\n:root {\n --mdui-typescale-label-medium-tracking: 0.1;\n}\n\n/* 读取 Label Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-label-medium-tracking);\n}\n```\n"
|
|
2602
2609
|
},
|
|
2603
2610
|
"references": [
|
|
2604
2611
|
{
|
|
2605
2612
|
"name": "开发文档",
|
|
2606
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2613
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2607
2614
|
}
|
|
2608
2615
|
]
|
|
2609
2616
|
},
|
|
@@ -2611,12 +2618,12 @@
|
|
|
2611
2618
|
"name": "--mdui-typescale-label-small-weight",
|
|
2612
2619
|
"description": {
|
|
2613
2620
|
"kind": "markdown",
|
|
2614
|
-
"value": "
|
|
2621
|
+
"value": "Label Small 字重。\n\n**示例**：\n```css\n/* 设置 Label Small 字重 */\n:root {\n --mdui-typescale-label-small-weight: 500;\n}\n\n/* 读取 Label Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-label-small-weight);\n}\n```\n"
|
|
2615
2622
|
},
|
|
2616
2623
|
"references": [
|
|
2617
2624
|
{
|
|
2618
2625
|
"name": "开发文档",
|
|
2619
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2626
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2620
2627
|
}
|
|
2621
2628
|
]
|
|
2622
2629
|
},
|
|
@@ -2624,12 +2631,12 @@
|
|
|
2624
2631
|
"name": "--mdui-typescale-label-small-line-height",
|
|
2625
2632
|
"description": {
|
|
2626
2633
|
"kind": "markdown",
|
|
2627
|
-
"value": "
|
|
2634
|
+
"value": "Label Small 行高。\n\n**示例**：\n```css\n/* 设置 Label Small 行高 */\n:root {\n --mdui-typescale-label-small-line-height: 1.5;\n}\n\n/* 读取 Label Small 行高 */\n.element {\n line-height: var(--mdui-typescale-label-small-line-height);\n}\n```\n"
|
|
2628
2635
|
},
|
|
2629
2636
|
"references": [
|
|
2630
2637
|
{
|
|
2631
2638
|
"name": "开发文档",
|
|
2632
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2639
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2633
2640
|
}
|
|
2634
2641
|
]
|
|
2635
2642
|
},
|
|
@@ -2637,12 +2644,12 @@
|
|
|
2637
2644
|
"name": "--mdui-typescale-label-small-size",
|
|
2638
2645
|
"description": {
|
|
2639
2646
|
"kind": "markdown",
|
|
2640
|
-
"value": "
|
|
2647
|
+
"value": "Label Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Label Small 字体大小 */\n:root {\n --mdui-typescale-label-small-size: 16px;\n}\n\n/* 读取 Label Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-label-small-size);\n}\n```\n"
|
|
2641
2648
|
},
|
|
2642
2649
|
"references": [
|
|
2643
2650
|
{
|
|
2644
2651
|
"name": "开发文档",
|
|
2645
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2652
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2646
2653
|
}
|
|
2647
2654
|
]
|
|
2648
2655
|
},
|
|
@@ -2650,12 +2657,12 @@
|
|
|
2650
2657
|
"name": "--mdui-typescale-label-small-tracking",
|
|
2651
2658
|
"description": {
|
|
2652
2659
|
"kind": "markdown",
|
|
2653
|
-
"value": "
|
|
2660
|
+
"value": "Label Small 字间距。\n\n**示例**：\n```css\n/* 设置 Label Small 字间距 */\n:root {\n --mdui-typescale-label-small-tracking: 0.1;\n}\n\n/* 读取 Label Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-label-small-tracking);\n}\n```\n"
|
|
2654
2661
|
},
|
|
2655
2662
|
"references": [
|
|
2656
2663
|
{
|
|
2657
2664
|
"name": "开发文档",
|
|
2658
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2665
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2659
2666
|
}
|
|
2660
2667
|
]
|
|
2661
2668
|
},
|
|
@@ -2663,12 +2670,12 @@
|
|
|
2663
2670
|
"name": "--mdui-typescale-body-large-weight",
|
|
2664
2671
|
"description": {
|
|
2665
2672
|
"kind": "markdown",
|
|
2666
|
-
"value": "
|
|
2673
|
+
"value": "Body Large 字重。\n\n**示例**：\n```css\n/* 设置 Body Large 字重 */\n:root {\n --mdui-typescale-body-large-weight: 500;\n}\n\n/* 读取 Body Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-body-large-weight);\n}\n```\n"
|
|
2667
2674
|
},
|
|
2668
2675
|
"references": [
|
|
2669
2676
|
{
|
|
2670
2677
|
"name": "开发文档",
|
|
2671
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2678
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2672
2679
|
}
|
|
2673
2680
|
]
|
|
2674
2681
|
},
|
|
@@ -2676,12 +2683,12 @@
|
|
|
2676
2683
|
"name": "--mdui-typescale-body-large-line-height",
|
|
2677
2684
|
"description": {
|
|
2678
2685
|
"kind": "markdown",
|
|
2679
|
-
"value": "
|
|
2686
|
+
"value": "Body Large 行高。\n\n**示例**：\n```css\n/* 设置 Body Large 行高 */\n:root {\n --mdui-typescale-body-large-line-height: 1.5;\n}\n\n/* 读取 Body Large 行高 */\n.element {\n line-height: var(--mdui-typescale-body-large-line-height);\n}\n```\n"
|
|
2680
2687
|
},
|
|
2681
2688
|
"references": [
|
|
2682
2689
|
{
|
|
2683
2690
|
"name": "开发文档",
|
|
2684
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2691
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2685
2692
|
}
|
|
2686
2693
|
]
|
|
2687
2694
|
},
|
|
@@ -2689,12 +2696,12 @@
|
|
|
2689
2696
|
"name": "--mdui-typescale-body-large-size",
|
|
2690
2697
|
"description": {
|
|
2691
2698
|
"kind": "markdown",
|
|
2692
|
-
"value": "
|
|
2699
|
+
"value": "Body Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Body Large 字体大小 */\n:root {\n --mdui-typescale-body-large-size: 16px;\n}\n\n/* 读取 Body Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-body-large-size);\n}\n```\n"
|
|
2693
2700
|
},
|
|
2694
2701
|
"references": [
|
|
2695
2702
|
{
|
|
2696
2703
|
"name": "开发文档",
|
|
2697
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2704
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2698
2705
|
}
|
|
2699
2706
|
]
|
|
2700
2707
|
},
|
|
@@ -2702,12 +2709,12 @@
|
|
|
2702
2709
|
"name": "--mdui-typescale-body-large-tracking",
|
|
2703
2710
|
"description": {
|
|
2704
2711
|
"kind": "markdown",
|
|
2705
|
-
"value": "
|
|
2712
|
+
"value": "Body Large 字间距。\n\n**示例**：\n```css\n/* 设置 Body Large 字间距 */\n:root {\n --mdui-typescale-body-large-tracking: 0.1;\n}\n\n/* 读取 Body Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-body-large-tracking);\n}\n```\n"
|
|
2706
2713
|
},
|
|
2707
2714
|
"references": [
|
|
2708
2715
|
{
|
|
2709
2716
|
"name": "开发文档",
|
|
2710
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2717
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2711
2718
|
}
|
|
2712
2719
|
]
|
|
2713
2720
|
},
|
|
@@ -2715,12 +2722,12 @@
|
|
|
2715
2722
|
"name": "--mdui-typescale-body-medium-weight",
|
|
2716
2723
|
"description": {
|
|
2717
2724
|
"kind": "markdown",
|
|
2718
|
-
"value": "
|
|
2725
|
+
"value": "Body Medium 字重。\n\n**示例**：\n```css\n/* 设置 Body Medium 字重 */\n:root {\n --mdui-typescale-body-medium-weight: 500;\n}\n\n/* 读取 Body Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-body-medium-weight);\n}\n```\n"
|
|
2719
2726
|
},
|
|
2720
2727
|
"references": [
|
|
2721
2728
|
{
|
|
2722
2729
|
"name": "开发文档",
|
|
2723
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2730
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2724
2731
|
}
|
|
2725
2732
|
]
|
|
2726
2733
|
},
|
|
@@ -2728,12 +2735,12 @@
|
|
|
2728
2735
|
"name": "--mdui-typescale-body-medium-line-height",
|
|
2729
2736
|
"description": {
|
|
2730
2737
|
"kind": "markdown",
|
|
2731
|
-
"value": "
|
|
2738
|
+
"value": "Body Medium 行高。\n\n**示例**：\n```css\n/* 设置 Body Medium 行高 */\n:root {\n --mdui-typescale-body-medium-line-height: 1.5;\n}\n\n/* 读取 Body Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-body-medium-line-height);\n}\n```\n"
|
|
2732
2739
|
},
|
|
2733
2740
|
"references": [
|
|
2734
2741
|
{
|
|
2735
2742
|
"name": "开发文档",
|
|
2736
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2743
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2737
2744
|
}
|
|
2738
2745
|
]
|
|
2739
2746
|
},
|
|
@@ -2741,12 +2748,12 @@
|
|
|
2741
2748
|
"name": "--mdui-typescale-body-medium-size",
|
|
2742
2749
|
"description": {
|
|
2743
2750
|
"kind": "markdown",
|
|
2744
|
-
"value": "
|
|
2751
|
+
"value": "Body Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Body Medium 字体大小 */\n:root {\n --mdui-typescale-body-medium-size: 16px;\n}\n\n/* 读取 Body Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-body-medium-size);\n}\n```\n"
|
|
2745
2752
|
},
|
|
2746
2753
|
"references": [
|
|
2747
2754
|
{
|
|
2748
2755
|
"name": "开发文档",
|
|
2749
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2756
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2750
2757
|
}
|
|
2751
2758
|
]
|
|
2752
2759
|
},
|
|
@@ -2754,12 +2761,12 @@
|
|
|
2754
2761
|
"name": "--mdui-typescale-body-medium-tracking",
|
|
2755
2762
|
"description": {
|
|
2756
2763
|
"kind": "markdown",
|
|
2757
|
-
"value": "
|
|
2764
|
+
"value": "Body Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Body Medium 字间距 */\n:root {\n --mdui-typescale-body-medium-tracking: 0.1;\n}\n\n/* 读取 Body Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-body-medium-tracking);\n}\n```\n"
|
|
2758
2765
|
},
|
|
2759
2766
|
"references": [
|
|
2760
2767
|
{
|
|
2761
2768
|
"name": "开发文档",
|
|
2762
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2769
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2763
2770
|
}
|
|
2764
2771
|
]
|
|
2765
2772
|
},
|
|
@@ -2767,12 +2774,12 @@
|
|
|
2767
2774
|
"name": "--mdui-typescale-body-small-weight",
|
|
2768
2775
|
"description": {
|
|
2769
2776
|
"kind": "markdown",
|
|
2770
|
-
"value": "
|
|
2777
|
+
"value": "Body Small 字重。\n\n**示例**：\n```css\n/* 设置 Body Small 字重 */\n:root {\n --mdui-typescale-body-small-weight: 500;\n}\n\n/* 读取 Body Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-body-small-weight);\n}\n```\n"
|
|
2771
2778
|
},
|
|
2772
2779
|
"references": [
|
|
2773
2780
|
{
|
|
2774
2781
|
"name": "开发文档",
|
|
2775
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2782
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2776
2783
|
}
|
|
2777
2784
|
]
|
|
2778
2785
|
},
|
|
@@ -2780,12 +2787,12 @@
|
|
|
2780
2787
|
"name": "--mdui-typescale-body-small-line-height",
|
|
2781
2788
|
"description": {
|
|
2782
2789
|
"kind": "markdown",
|
|
2783
|
-
"value": "
|
|
2790
|
+
"value": "Body Small 行高。\n\n**示例**：\n```css\n/* 设置 Body Small 行高 */\n:root {\n --mdui-typescale-body-small-line-height: 1.5;\n}\n\n/* 读取 Body Small 行高 */\n.element {\n line-height: var(--mdui-typescale-body-small-line-height);\n}\n```\n"
|
|
2784
2791
|
},
|
|
2785
2792
|
"references": [
|
|
2786
2793
|
{
|
|
2787
2794
|
"name": "开发文档",
|
|
2788
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2795
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2789
2796
|
}
|
|
2790
2797
|
]
|
|
2791
2798
|
},
|
|
@@ -2793,12 +2800,12 @@
|
|
|
2793
2800
|
"name": "--mdui-typescale-body-small-size",
|
|
2794
2801
|
"description": {
|
|
2795
2802
|
"kind": "markdown",
|
|
2796
|
-
"value": "
|
|
2803
|
+
"value": "Body Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Body Small 字体大小 */\n:root {\n --mdui-typescale-body-small-size: 16px;\n}\n\n/* 读取 Body Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-body-small-size);\n}\n```\n"
|
|
2797
2804
|
},
|
|
2798
2805
|
"references": [
|
|
2799
2806
|
{
|
|
2800
2807
|
"name": "开发文档",
|
|
2801
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2808
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2802
2809
|
}
|
|
2803
2810
|
]
|
|
2804
2811
|
},
|
|
@@ -2806,12 +2813,12 @@
|
|
|
2806
2813
|
"name": "--mdui-typescale-body-small-tracking",
|
|
2807
2814
|
"description": {
|
|
2808
2815
|
"kind": "markdown",
|
|
2809
|
-
"value": "
|
|
2816
|
+
"value": "Body Small 字间距。\n\n**示例**：\n```css\n/* 设置 Body Small 字间距 */\n:root {\n --mdui-typescale-body-small-tracking: 0.1;\n}\n\n/* 读取 Body Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-body-small-tracking);\n}\n```\n"
|
|
2810
2817
|
},
|
|
2811
2818
|
"references": [
|
|
2812
2819
|
{
|
|
2813
2820
|
"name": "开发文档",
|
|
2814
|
-
"url": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
2821
|
+
"url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
|
|
2815
2822
|
}
|
|
2816
2823
|
]
|
|
2817
2824
|
}
|