UNPKG

bmui

Version:

Bluemoon Moon Components

119 lines (97 loc) • 2.43 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
$PREFIX = 'bmui' $normalize_lh = 1.15 // UI组命名空间 angelkit_brandcolor_1 = #1fb8ff angelkit_brandcolor_2 = #ff6c47 angelkit_brandcolor_3 = #ffca23 angelkit_brandcolor_4 = #0dd66f angelkit_subcolor_1 = #0a85cc angelkit_subcolor_2 = #d7d7d7 angelkit_linecolor_1 = #e5e5e5 angelkit_linecolor_2 = #ebebeb angelkit_bgcolor_1 = #f2f2f2 angelkit_bgcolor_2 = #f8f8f8 angelkit_textcolor_1 = #333 angelkit_textcolor_2 = #666 angelkit_textcolor_3 = #999 angelkit_fontsize_1 = 20px angelkit_fontsize_2 = 17px angelkit_fontsize_3 = 15px angelkit_fontsize_4 = 14px angelkit_fontsize_5 = 12px angelkit_fontsize_6 = 11px angelkit_gap_1 = 12px angelkit_gap_2 = 8px angelkit_gap_3 = 4px // web组命名空间 $color_main1 = angelkit_brandcolor_1 $color_main2 = angelkit_brandcolor_2 $color_main3 = angelkit_brandcolor_3 $color_main4 = angelkit_brandcolor_4 $color_sub1 = angelkit_subcolor_1 $color_sub2 = angelkit_subcolor_2 $color_b1 = angelkit_linecolor_1 $color_b2 = angelkit_linecolor_2 $color_bg1 = angelkit_bgcolor_1 $color_bg2 = angelkit_bgcolor_2 $color_t1 = angelkit_textcolor_1 $color_t2 = angelkit_textcolor_2 $color_t3 = angelkit_textcolor_3 $size1 = angelkit_fontsize_1 $size2 = angelkit_fontsize_2 $size3 = angelkit_fontsize_3 $size4 = angelkit_fontsize_4 $size5 = angelkit_fontsize_5 $size6 = angelkit_fontsize_6 $offset1 = angelkit_gap_1 $offset2 = angelkit_gap_2 $offset3 = angelkit_gap_3 // 全局方法 $get_asset(path, ext = '.png') return '\~src/assets/' + path + ext $icon(path, ext = '.png') display: inline-block vertical-align: middle background: convert('url(' + $get_asset(path, ext) + ')') center no-repeat background-size: contain $reset() margin: 0 padding: 0 $reset_ctrl() $reset() font-size: inherit font-weight: inherit color: inherit border: none line-height: inherit background-color: transparent appearance: none textarea& width: 100% &::placeholder color: $color_t3 $reset_ul() $reset() list-style: none // 全局Reset [class|="bmui"] margin: 0 padding: 0 font-style: inherit font-size: inherit font-weight: inherit color: inherit line-height: inherit &, &:before, &:after box-sizing: border-box ul&, li& list-style: none input&, textarea&, button& appearance: none border: none background-color: transparent &::placeholder color: $color_t3 textarea& display: block width: 100%