UNPKG

1.6 kBSCSSView Raw
1@charset "UTF-8";
2
3////
4/// @module select: 选择器
5/// @tag Select
6/// @category component
7/// @family data-entry
8/// @varPrefix $select-
9/// @classPrefix {prefix}-select
10/// @order {"statement/normal":10,"statement/normal/text":100,"statement/normal/hint":101,"statement/normal/label":102,"statement/normal/icon":103,"size/bounding":10,"size/text":11}
11////
12
13// select variables
14// --------------------------------------------------
15
16$select-prefix: '.#{$css-prefix}select';
17$tag-prefix: '.#{$css-prefix}tag';
18
19/// color
20/// @namespace statement/normal/text
21$select-color: $color-text1-4 !default;
22/// color
23/// @namespace statement/normal/hint
24$select-hint-color: $color-text1-2 !default;
25
26/// color
27/// @namespace statement/normal/highlight
28$select-highlight-color: $color-brand1-6 !default;
29
30// font
31/// size
32/// @namespace size/highlight
33$select-highlight-font: $font-size-body-1 !default;
34
35// large
36
37/// line-height
38/// @namespace size/bounding
39$select-l-lineheight: $s-6 !default;
40
41// medium
42
43/// line-height
44/// @namespace size/bounding
45$select-m-lineheight: $s-5 !default;
46
47/// line-height
48/// @namespace size/bounding
49$select-s-lineheight: 14px !default;
50
51$select-tag-spacing-lr: $s-1;
52$select-tag-spacing-tb: 3px;
53// TODO: deprecated in 2.x
54$select-tag-padding-lr: $s-0;
55$select-menu-item-height: $s-5;
56$select-menu-icon-color: $color-brand1-6;
57
58/// fold icon
59/// @namespace statement/normal
60/// @type icon
61$select-fold-icon-content: $icon-content-arrow-down !default;
62
63/// unfold icon
64/// @namespace statement/normal
65/// @type icon
66$select-unfold-icon-content: $icon-reset !default;