UNPKG

2.71 kBSCSSView Raw
1////
2/// @group form-element
3/// @module form-element: 表单通用
4/// @type String
5/// @tag form-element
6/// @category utility
7/// @family form-element
8/// @varPrefix $form-element-
9/// @classPrefix {prefix}-form-element
10////
11
12/// height
13/// @semantic 小号组件高度
14$form-element-small-height: $s-5 !default;
15
16/// height
17/// @semantic 中号组件高度
18$form-element-medium-height: $s-7 !default;
19
20/// height
21/// @semantic 大号组件高度
22$form-element-large-height: $s-10 !default;
23
24/// text
25/// @semantic 小号组件字体
26$form-element-small-font-size: $font-size-caption !default;
27
28/// text
29/// @semantic 中号组件字体
30$form-element-medium-font-size: $font-size-body-1 !default;
31
32/// text
33/// @semantic 大号组件字体
34$form-element-large-font-size: $font-size-subhead !default;
35
36/// preview height
37/// @semantic 小号组件预览态高度
38$form-element-small-preview-height: $s-5 !default;
39
40/// preview height
41/// @semantic 中号组件预览态高度
42$form-element-medium-preview-height: $s-7 !default;
43
44/// preview height
45/// @semantic 大号组件预览态高度
46$form-element-large-preview-height: $s-10 !default;
47
48/// preview label
49/// @semantic 小号label预览态字体
50$form-element-small-preview-label-font-size: $font-size-caption !default;
51
52/// preview text
53/// @semantic 小号组件预览态字体
54$form-element-small-preview-font-size: $font-size-caption !default;
55
56/// preview label
57/// @semantic 中号label预览态字体
58$form-element-medium-preview-label-font-size: $font-size-body-1 !default;
59
60/// preview text
61/// @semantic 中号组件预览态字体
62$form-element-medium-preview-font-size: $font-size-body-1 !default;
63
64/// preview label
65/// @semantic 大号label预览态字体
66$form-element-large-preview-label-font-size: $font-size-subhead !default;
67
68/// preview text
69/// @semantic 大号组件预览态字体
70$form-element-large-preview-font-size: $font-size-subhead !default;
71
72/// icon
73/// @semantic 小号组件 icon
74$form-element-small-icon-size: $icon-xs !default;
75
76/// icon
77/// @semantic 中号组件 icon
78$form-element-medium-icon-size: $icon-xs !default;
79
80/// icon
81/// @semantic 大号组件 icon
82$form-element-large-icon-size: $icon-s !default;
83
84/// corner
85/// @semantic 小号组件圆角
86$form-element-small-corner: $corner-1 !default;
87
88/// corner
89/// @semantic 中号组件圆角
90$form-element-medium-corner: $corner-1 !default;
91
92/// corner
93/// @semantic 大号组件圆角
94$form-element-large-corner: $corner-1 !default;
95
96/// preview label
97/// @semantic 预览态label颜色
98$form-element-preview-label-color: $color-text1-3 !default;
99
100/// preview text
101/// @semantic 预览态文字颜色
102$form-element-preview-text-color: $color-text1-4 !default;