-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbase.styl
190 lines (126 loc) · 3.33 KB
/
base.styl
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
// By gavinning
box()
display -webkit-box
display -moz-box
display box
box-flex( args = 1 )
-webkit-box-flex args
-moz-box-flex args
box-flex args
box-pack( args = center )
-webkit-box-pack args
-moz-box-pack args
box-pack args
box-align( args = center )
-webkit-box-align args
-moz-box-align args
box-align args
box-orient( args = vertical )
-webkit-box-orient args
-moz-box-orient args
box-orient args
box-order( args = 1 )
-webkit-box-ordinal-group args
box-ordinal-group args
box-center()
box-pack()
box-align()
line-clamp()
-webkit-line-clamp arguments
-moz-line-clamp arguments
line-clamp arguments
bg( url, repeat no-repeat, size = auto )
background url( url ) repeat
background-size( size )
bgl( c1, c2, direction = top )
background -webkit-linear-gradient(direction, c1, c2)
background -moz-linear-gradient(direction, c1, c2)
background linear-gradient(direction, c1, c2)
mask(url, size = 100% auto)
-webkit-mask url( url )
-moz-mask url( url )
mask url( url )
mask-size(size)
mask-size(size = 100% auto)
-webkit-mask-size size
-moz-mask-size size
mask-size size
radius()
-webkit-border-radius arguments
-moz-border-radius arguments
border-radius arguments
box-shadow()
-webkit-box-shadow arguments
-moz-box-shadow arguments
box-shadow arguments
shadow()
-webkit-box-shadow arguments
-moz-box-shadow arguments
box-shadow arguments
text-shadow()
shadow()
box-sizing( args = border-box )
-webkit-box-sizing args
-moz-box-sizing args
box-sizing args
transform()
-webkit-transform arguments
-moz-transform arguments
transform arguments
transition()
-webkit-transition arguments
-moz-transition arguments
transition arguments
clamp1()
overflow hidden
white-space nowrap
text-overflow ellipsis
clamp( num )
box()
box-orient()
line-clamp( num )
word-break break-all
overflow hidden
text-overflow ellipsis
tap-color( alpha = 0 )
-webkit-tap-highlight-color rgba(0,0,0,alpha)
-moz-tap-highlight-color rgba(0,0,0,alpha)
tap-highlight-color rgba(0,0,0,alpha)
bgss(size = cover, position = center, repeat no-repeat)
background-size size
background-position position
background-repeat repeat
// 6 > & >= 5
iPhone5(css)
media screen and (min-width 320px) and (max-width 359px) css()
// 6plus > & > 5
iPhone6(css)
media screen and (min-width 360px) and (max-width 410px) css()
// & > 6plus
iPhone6p(css)
media screen and (min-width 411px) css()
// 适配
autoscreen(css6, css6p)
iPhone6(css6)
iPhone6p(css6p)
// 自动滚动
autoscroll()
overflow-x auto
-webkit-overflow-scrolling touch
-moz-overflow-scrolling touch
overflow-scrolling touch
// Update 2016-05-05
// 隐藏滚动条
hide-scroll()
&::-webkit-scrollbar
display none
hide-scrollbar()
&::-webkit-scrollbar
display none
// 显示滚动条
show-scroll()
&::-webkit-scrollbar
display block
show-scrollbar()
&::-webkit-scrollbar
display block