/
css.snippets
363 lines (363 loc) · 11.6 KB
/
css.snippets
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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
# hacks
snippet .clearfix
.clearfix { zoom: 1}
.clearfix:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; font-size: 0; }
snippet .clearwrap
.clearwrap {overflow: hidden; word-wrap: break-word;}
#
#common
snippet .
.${1:class} {
${2:}
}
snippet #
#${1:id} {
${2:}
}
snippet /*
/* ${1:comment} */
snippet !
!important
snippet @
@import: url(${1:});
snippet wrap
white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; word-break:normal;
snippet nowrap
white-space:nowrap;
snippet radius
border-radius:$1; -moz-border-radius: $1; -webkit-border-radius: ${1:3px};
snippet opacity
opacity: ${1:}; filter:alpha(opacity=${2:});
snippet linear
background-image: -webkit-gradient(linear, ${1:left|right} ${2:top|bottom}, ${3:left|right} ${4:bottom|top}, color-stop(${5:0}, ${6:#ffffff}), color-stop(${7:100%}, ${8:#ffffff}));
background-image: -moz-linear-gradient(${9:left|center|right} ${10:top|center|bottom}, $6 $5, $8 $7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$6', endColorstr='$8', GradientType=${11:0|1});
#
#Font
snippet font
font:${1:font-style} ${2:font-variant} ${3:font-weight} ${4:font-size} ${5:line-height} ${6:font-family};
snippet font-family
font-family:${1:Courier,"Courier New"};
snippet font-size
font-size:${1:xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|length};
snippet font-style
font-style:${1:normal|italic|oblique};
snippet font-weight
font-weight:${1:normal|bold|bolder|lighter};
snippet text-decoration
text-decoration:${1:none|underline|blink|overline|line-through};
snippet text-underline-position
text-underline-position:${1:below|above};
snippet font-variant
font-variant:${1:normal|small-caps};
snippet text-transform
text-transform:${1:none|capitalize|uppercase|lowercase};
snippet line-height
line-height:${1:normal|length};
snippet letter-spacing
leeter-spacing:${1:normal|length};
snippet word-spacing
word-spacing:${1:normal|length};
# Text
snippet text-indent
text-indent:${1:length};
snippet text-overflow
text-overflow:${1:clip|ellipsis};
snippet vertical-align
vertical-align:${1:auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom|length};
snippet valign
vertical-align:${1:auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom|length};
snippet text-align
text-align:${1:left|right|center|justify};
snippet layout-flow
layout-flow:${1:horizontal|vertical-ideographic};
snippet writing-mode
writing-mode:${1:lr-tb|tb-rl};
snippet direction
direction:${1:ltr|rtl|inherit};
snippet unicode-bidi
unicode-bidi:${1:normal|bidi-override|embed};
snippet word-break
wrod-break:${1:normal|break-all|keep-all};
snippet line-break
line-break:${1:normal|strict};
snippet white-space
white-space:${1:normal|pre|nowrap};
snippet word-wrap
word-wrap:${1:normal|break-word};
snippet text-autospace
text-autospace:${1:none|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space};
snippet text-kashida-space
text-kashida-space:${1:length|inherit};
snippet text-justify
text-justify:${1:auto|distribute|distribute-all-lines|distribute-center-last|inter-cluster|inter-ideograph|inter-word|kashida|newspaper};
snippet ruby-align
ruby-align:${1:auto|left|center|right|distribute-letter|distribute-space|line-edge};
snippet ruby-overhang
ruby-overhang:${1:auto|whitespace|none};
snippet ruby-position
ruby-position:${1:above|inline};
snippet ime-mode
ime-mode:${1:auot|active|inactive|disabled};
snippet layout-grid
layout-grid:${1:layout-grid-mode} ${2:layout-grid-type} ${3:layout-grid-line} ${4:layout-grid-char};
snippet layout-grid-char
layout-grad-char:${1:none|auto|length};
snippet layout-grid-line
layout-grid-line:${1:none|auto|length};
snippet layout-grid-mode
layout-grid-mode:${1:both|line|char|none};
snippet layout-grid-fixed
layout-grid-fixed:${1:loose|strict|fixed};
# Background
snippet background
background:${1:transparent} ${2:none} ${3:no-repeat} ${4:scroll};${5}
snippet bg
background:${1:transparent} ${2:none} ${3:no-repeat} ${4:scroll};${5}
snippet background-att
background-attachment:${1:scroll|fixed};
snippet background-color
background-color:${1:transparent};
snippet bgcolor
background-color:${1:transparent};
snippet background-image
background-image:${1:none};
snippet background-position
background-position:${1:top|center|bottom|left|middle|right} ${2:top|center|bottom|left|middle|right};
snippet background-position-x
background-position-x:${1:left|center|right|length};
snippet background-position-y
background-position-y:${1:top|middle|bottom|length};
snippet background-repeat
background-repeat:${1:repeat|no-repeat|repeat-x|repeat-y};
snippet layer-background-color
layer-background-color:${1:transparent};
snippet layer-background-image
layer-background-image:${1:none};
# Position
snippet position
position:${1:static|absolute|fixed|relative};
snippet z-index
z-index:${1:auto};
snippet top
top:${1:auto};
snippet right
right:${1:auto};
snippet bottom
bottom:${1:auto};
snippet left
left:${1:auto};
# Dimensions
snippet height
height:${1:auto};
snippet max-height
max-height:${1:none};
snippet min-height
min-height:${1:none};
snippet width
width:${1:auto};
snippet max-width
max-width:${1:auto};
snippet min-width
min-width:${1:auto};
# Layout
snippet clear
clear:${1:none|left|right|both};
snippet float
float:${1:none|left|right};
snippet clip
clip:${1:auto|rect(number number number number)};
snippet overflow
overflow:${1:visible|auto|hidden|scroll};
snippet overflow-x
overflow-x:${1:visible|auto|hidden|scroll};
snippet overflow-y
overflow-y:${1:visible|auto|hidden|scroll};
snippet display
display:${1:block|none|inline|compact|marker|inline-table|list-item|run-in|table|table-caption|table-cell|table-column|table-column-group|table-footer-group|table-header-group|table-row|table-row-group};
snippet visiblity
visiblity:${1:inherit|visible|collapse|hidden};
# Margins
snippet margin
margin:${1:auto};
snippet margin-top
margin-top:${1:auto};
snippet margin-right
margin-right:${1:auto};
snippet margin-bottom
margin-bottom:${1:auto};
snippet margin-left
margin-left:${1:auto};
# Outlines
snippet outline
outline:${1:outline-color} ${2:outline-style} ${3:outline-width};${4}
snippet outline-color
outline-color:${1:invert};
snippet outline-style
outline-style:${1:none|dotted|dashed|solid|double|groove|ridge|inset|outset};
snippet outline-width
outline-width:${1:medium|thin|thick|length};
# Border
snippet border
border:${1:1px} ${2:solid} ${3:#ccc};${4}
snippet border-color
border-color:${1:#ccc};
snippet border-style
border-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset};
snippet border-width
border-width:${1:medium|thin|thick|length};
snippet border-top
border-top:${1:1px} ${2:solid} ${3:#ccc};${4}
snippet border-top-color
border-top-color:${1:#ccc};
snippet border-top-style
border-top-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset};
snippet border-top-width
border-top-width:${1:medium|thin|thick|length};
snippet border-right
border-right:${1:1px} ${2:solid} ${3:#ccc};${4}
snippet border-right-color
border-right-color:${1:#ccc};
snippet border-right-style
border-right-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset};
snippet border-right-width
border-right-width:${1:medium|thin|thick};
snippet border-bottom
border-bottom:${1:1px} ${2:solid} ${3:#ccc};
snippet border-bottom-color
border-bottom-color:${1:#ccc};
snippet border-bottom-style
border-bottom-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset};
snippet border-bottom-width
border-bottom-width:${1:medium|thin|thick|length};
snippet border-left
border-left:${1:1px} ${2:solid} #{3:#ccc};
snippet border-left-color
border-left-color:${1:#ccc};
snippet border-left-style
border-left-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset};
snippet border-left-width
border-left-width:${1:medium|thin|thick|length};
# Generated Content
snippet include-source
include-source:url(${1:});
snippet quotes
quotes:${1:none|string};
snippet content
content:${1:attr(alt)|counter(name)|counter(name,list-style-type)|counters(name,string)|counters(name,string,list-style-type)|no-close-quote|no-open-quote|close-quote|open-quote|string|url(url)};
snippet counter-increment
counter-increment:${1:none|identifier number};
snippet counter-reset
counter-reset:${1:none|identifier number};
# Paddings
snippet padding
padding:${1:0};
snippet padding-top
padding-top:${1:0};
snippet padding-right
padding-right:${1:0};
snippet padding-bottom
padding-bottom:${1:0};
snippet padding-left
padding-left:${1:0};
# Lists
snippet list-style
list-style:${1:none};
snippet list-style2
list-style:${1:disc} ${2:outside} ${3:none};${4}
snippet list-style-image
list-style-image:url(${1:});
snippet list-style-position
list-style-position:${1:outside|inside};
snippet list-style-type
list-style-type:${1:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none|armenian|cjk-ideographic|georgian|lower-greek|hebrew|hiragana|hiragana-iroha|katakana|katakana-iroha|lower-latin|upper-latin};
snippet marker-offset
marker-offset:${1:auto};
# Table
snippet border-collapse
border-collapse:${1:collapse};
snippet border-spacing
border-spacing:${1:0};
snippet caption-side
caption-side:${1:top|right|bottom|left};
snippet empty-cells
empty-cells:${1:show|hide};
snippet table-layout
table-layout:${1:auto|fixed};
snippet speak-header
speak-header:${1:once|always};
# Scrollbar
snippet scrollbar
scrollbar-base-color:${1:#ccc};
scrollbar-face-color:${2:#f6f6f6};
scrollbar-highlight-color:${3:#fff};
scrollbar-shadow-color:${4:#ccc;}
scrollbar-3dlight-color:${5:#ccc};
scrollbar-arrow-color:${6:#300};
scrollbar-track-color:${7:#f6f6f6};
scrollbar-darkshadow-color:${8:#fff};${9}
# Printing
snippet page
page:${1:auto|pagetype};
snippet page-brake-after
page-break-after:${1:auto|always|avoid|left|right|null};
snippet page-break-before
page-break-before:${1:auto|always|avoid|left|right|null};
snippet page-break-inside
page-break-inside:${1:auto|avoid};
snippet marks
marks:${1:none|crop|cross};
snippet orphans
orphans:${1:0};
snippet size
size:${1:auto|portrait|landscape|langth};
snippet windows
windows:${1:0};
# Aural
snippet voice-family
voice-family:${1:child|female|male|name};
snippet volume
volume:${1:silent|x-soft|soft|medium|x-loud|number};
snippet elevation
elevation:${1:below|level|above|lower|higher|angle};
snippet azimuth
azimuth:${1:left-side|far-left|left|center-left|center|center-right|right|far-right|right-side|leftwards|rightwards|angle};
snippet stress
stress:${1:50};
snippet richness
richness:${1:50};
snippet speech-rate
speech-rate:${1:x-slow|slow|medium|fast|x-fast|slower|faster|number};
snippet cue
cue:${1:cue-before} ${2:cue-after};${3}
snippet cue-after
cue-after:url(${1:none});
snippet cue-before
cue-before:url(${1:none});
snippet pause
pause:${1:1s} ${2:1s};${3}
snippet pause-after
pause-after:${1:1s};
snippet pause-before
pause-before:${1:1s};
snippet pitch
pitch:${1:x-low|low|medium|hight|x-hight|number};
snippet pitch-range
pitch-range:${1:50};
snippet play-during
play-during:${1:url()|mix|repeat|auto|none};
snippet speak
speak:${1:normal|none|spell-out};
snippet speak-numeral
speak-numeral:${1:continuous|digits};
snippet speak-punctuation
speak-punctuation:${1:none|code};
# Classification
snippet cursor
cursor:${1:auto|all-scroll|col-resize|crosshair|default|hand|move|help|no-drop|not-allowed|pointer|progress|row-resize|text|vertical-text|wait|*-resize|url(url)};
snippet behavior
behavior:url(${1:url|#objID|#default#behaviorName});
snippet filter
filter:${1:filter};
snippet zoom
zoom:${1:normal|number};