compass-jquery-plugin 0.2.4.5 → 0.2.4.99

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. data/README.textile +36 -4
  2. data/VERSION.yml +1 -1
  3. data/compass-jquery-plugin.gemspec +49 -3
  4. data/gem_tasks/calendar.rake +2 -2
  5. data/gem_tasks/dynatree.rake +2 -2
  6. data/gem_tasks/jqgrid.rake +2 -2
  7. data/gem_tasks/jqtouch.rake +114 -0
  8. data/gem_tasks/jrails.rake +20 -4
  9. data/gem_tasks/rubygems.rake +4 -1
  10. data/gem_tasks/secret_sauce.rake +2 -2
  11. data/lib/jquery/jqgrid/jqgrid.rb +435 -0
  12. data/lib/jquery/jqgrid/jqgrid2xml.rb +50 -0
  13. data/lib/jquery/jqgrid.rb +3 -419
  14. data/lib/jquery/jqtouch.rb +4 -0
  15. data/templates/dynatree/jquery.ui/dynatree.vista/folder.png +0 -0
  16. data/templates/dynatree/manifest.rb +0 -1
  17. data/templates/jqtouch/config/initializers/jqtouch.rb +3 -0
  18. data/templates/jqtouch/jqtouch/apple/backButton.png +0 -0
  19. data/templates/jqtouch/jqtouch/apple/blueButton.png +0 -0
  20. data/templates/jqtouch/jqtouch/apple/cancel.png +0 -0
  21. data/templates/jqtouch/jqtouch/apple/chevron.png +0 -0
  22. data/templates/jqtouch/jqtouch/apple/grayButton.png +0 -0
  23. data/templates/jqtouch/jqtouch/apple/listArrowSel.png +0 -0
  24. data/templates/jqtouch/jqtouch/apple/listGroup.png +0 -0
  25. data/templates/jqtouch/jqtouch/apple/loading.gif +0 -0
  26. data/templates/jqtouch/jqtouch/apple/on_off.png +0 -0
  27. data/templates/jqtouch/jqtouch/apple/pinstripes.png +0 -0
  28. data/templates/jqtouch/jqtouch/apple/selection.png +0 -0
  29. data/templates/jqtouch/jqtouch/apple/thumb.png +0 -0
  30. data/templates/jqtouch/jqtouch/apple/toggle.png +0 -0
  31. data/templates/jqtouch/jqtouch/apple/toggleOn.png +0 -0
  32. data/templates/jqtouch/jqtouch/apple/toolButton.png +0 -0
  33. data/templates/jqtouch/jqtouch/apple/toolbar.png +0 -0
  34. data/templates/jqtouch/jqtouch/apple/whiteButton.png +0 -0
  35. data/templates/jqtouch/jqtouch/apple.sass +651 -0
  36. data/templates/jqtouch/jqtouch/icons/iphone_16x16.png +0 -0
  37. data/templates/jqtouch/jqtouch/iphone-emulator.sass +17 -0
  38. data/templates/jqtouch/jqtouch/iphone_fullsize.png +0 -0
  39. data/templates/jqtouch/jqtouch/jqt/back_button.png +0 -0
  40. data/templates/jqtouch/jqtouch/jqt/back_button_clicked.png +0 -0
  41. data/templates/jqtouch/jqtouch/jqt/button.png +0 -0
  42. data/templates/jqtouch/jqtouch/jqt/button_clicked.png +0 -0
  43. data/templates/jqtouch/jqtouch/jqt/chevron.png +0 -0
  44. data/templates/jqtouch/jqtouch/jqt/chevron_circle.png +0 -0
  45. data/templates/jqtouch/jqtouch/jqt/grayButton.png +0 -0
  46. data/templates/jqtouch/jqtouch/jqt/loading.gif +0 -0
  47. data/templates/jqtouch/jqtouch/jqt/on_off.png +0 -0
  48. data/templates/jqtouch/jqtouch/jqt/rowhead.png +0 -0
  49. data/templates/jqtouch/jqtouch/jqt/toggle.png +0 -0
  50. data/templates/jqtouch/jqtouch/jqt/toggleOn.png +0 -0
  51. data/templates/jqtouch/jqtouch/jqt/toolbar.png +0 -0
  52. data/templates/jqtouch/jqtouch/jqt/whiteButton.png +0 -0
  53. data/templates/jqtouch/jqtouch/jqt.sass +580 -0
  54. data/templates/jqtouch/jqtouch/jqtouch.sass +75 -0
  55. data/templates/jqtouch/jquery.jqtouch.js +1007 -0
  56. data/templates/jqtouch/jquery.jqtouch.min.js +1 -0
  57. data/templates/jqtouch/manifest.rb +43 -0
  58. data/templates/jrails/config/initializers/jrails.rb +2 -0
  59. data/templates/jrails/jquery.compat-1.3.js +288 -0
  60. data/templates/jrails/jquery.compat-1.3.min.js +1 -0
  61. data/templates/jrails/jquery.js +4483 -2570
  62. data/templates/jrails/jquery.min.js +12 -8
  63. data/templates/jrails/manifest.rb +2 -0
  64. metadata +49 -3
  65. data/templates/dynatree/jquery.ui/dynatree.vista/folder_open.png +0 -0
@@ -0,0 +1,580 @@
1
+ // Generated by compass-jquery-plugin/gem-tasks/jqtouch.rake
2
+
3
+ body
4
+ background: #000
5
+ color: #ddd
6
+
7
+ > *
8
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#5e5e65))
9
+
10
+
11
+ h1, h2
12
+ font: bold 18px Helvetica
13
+ text-shadow: rgba(255,255,255,.2) 0 1px 1px
14
+ color: #000
15
+ margin: 10px 20px 5px
16
+
17
+
18
+ .toolbar
19
+ -webkit-box-sizing: border-box
20
+ border-bottom: 1px solid #000
21
+ padding: 10px
22
+ height: 45px
23
+ background: url("/images/jqtouch/jqt/toolbar.png") #000000 repeat-x
24
+ position: relative
25
+
26
+
27
+ .black-translucent .toolbar
28
+ margin-top: 20px
29
+
30
+
31
+ .toolbar > h1
32
+ position: absolute
33
+ overflow: hidden
34
+ left: 50%
35
+ top: 10px
36
+ line-height: 1em
37
+ margin: 1px 0 0 -75px
38
+ height: 40px
39
+ font-size: 20px
40
+ width: 150px
41
+ font-weight: bold
42
+ text-shadow: rgba(0,0,0,1) 0 -1px 1px
43
+ text-align: center
44
+ text-overflow: ellipsis
45
+ white-space: nowrap
46
+ color: #fff
47
+
48
+
49
+ body.landscape .toolbar > h1
50
+ margin-left: -125px
51
+ width: 250px
52
+
53
+
54
+ .button, .back, .cancel, .add
55
+ position: absolute
56
+ overflow: hidden
57
+ top: 8px
58
+ right: 10px
59
+ margin: 0
60
+ border-width: 0 5px
61
+ padding: 0 3px
62
+ width: auto
63
+ height: 30px
64
+ line-height: 30px
65
+ font-family: inherit
66
+ font-size: 12px
67
+ font-weight: bold
68
+ color: #fff
69
+ text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0
70
+ text-overflow: ellipsis
71
+ text-decoration: none
72
+ white-space: nowrap
73
+ background: none
74
+ -webkit-border-image: url("/images/jqtouch/jqt/button.png") 0 5 0 5
75
+
76
+
77
+ .blueButton
78
+ -webkit-border-image: url("/images/jqtouch/jqt/blueButton.png") 0 5 0 5
79
+ border-width: 0 5px
80
+
81
+
82
+ .back
83
+ left: 6px
84
+ right: auto
85
+ padding: 0
86
+ max-width: 55px
87
+ border-width: 0 8px 0 14px
88
+ -webkit-border-image: url("/images/jqtouch/jqt/back_button.png") 0 8 0 14
89
+
90
+ &.active
91
+ -webkit-border-image: url("/images/jqtouch/jqt/back_button_clicked.png") 0 8 0 14
92
+ color: #aaa
93
+
94
+
95
+ .leftButton, .cancel
96
+ left: 6px
97
+ right: auto
98
+
99
+
100
+ .add
101
+ font-size: 24px
102
+ line-height: 24px
103
+ font-weight: bold
104
+
105
+
106
+ .whiteButton, .grayButton
107
+ display: block
108
+ border-width: 0 12px
109
+ padding: 10px
110
+ text-align: center
111
+ font-size: 20px
112
+ font-weight: bold
113
+ text-decoration: inherit
114
+ color: inherit
115
+
116
+
117
+ .whiteButton
118
+ -webkit-border-image: url("/images/jqtouch/jqt/whiteButton.png") 0 12 0 12
119
+ text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0
120
+
121
+
122
+ .grayButton
123
+ -webkit-border-image: url("/images/jqtouch/jqt/grayButton.png") 0 12 0 12
124
+ color: #FFFFFF
125
+
126
+
127
+ h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul
128
+ margin-top: 0
129
+
130
+
131
+ ul
132
+ color: #aaa
133
+ border: 1px solid #333333
134
+ font: bold 18px Helvetica
135
+ padding: 0
136
+ margin: 15px 10px 17px 10px
137
+
138
+ &.rounded
139
+ -webkit-border-radius: 8px
140
+ -webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px
141
+
142
+ li
143
+ &:first-child
144
+ border-top: 0
145
+ -webkit-border-top-left-radius: 8px
146
+ -webkit-border-top-right-radius: 8px
147
+
148
+ a
149
+ border-top: 0
150
+ -webkit-border-top-left-radius: 8px
151
+ -webkit-border-top-right-radius: 8px
152
+
153
+ &:last-child
154
+ -webkit-border-bottom-left-radius: 8px
155
+ -webkit-border-bottom-right-radius: 8px
156
+
157
+ a
158
+ -webkit-border-bottom-left-radius: 8px
159
+ -webkit-border-bottom-right-radius: 8px
160
+
161
+ li
162
+ color: #666
163
+ border-top: 1px solid #333
164
+ border-bottom: #555858
165
+ list-style-type: none
166
+ padding: 10px 10px 10px 10px
167
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142))
168
+ overflow: hidden
169
+
170
+ &.arrow
171
+ background-image: url("/images/jqtouch/jqt/chevron.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142))
172
+ background-position: right center
173
+ background-repeat: no-repeat
174
+
175
+ &.forward
176
+ background-image: url("/images/jqtouch/jqt/chevron_circle.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142))
177
+ background-position: right center
178
+ background-repeat: no-repeat
179
+
180
+ a
181
+ color: #fff
182
+ text-decoration: none
183
+ text-overflow: ellipsis
184
+ white-space: nowrap
185
+ overflow: hidden
186
+ display: block
187
+ padding: 12px 10px 12px 10px
188
+ margin: -10px
189
+ -webkit-tap-highlight-color: rgba(0,0,0,0)
190
+ text-shadow: rgba(0,0,0,.2) 0 1px 1px
191
+
192
+
193
+ li.img a + a
194
+ color: #fff
195
+ text-decoration: none
196
+ text-overflow: ellipsis
197
+ white-space: nowrap
198
+ overflow: hidden
199
+ display: block
200
+ padding: 12px 10px 12px 10px
201
+ margin: -10px
202
+ -webkit-tap-highlight-color: rgba(0,0,0,0)
203
+ text-shadow: rgba(0,0,0,.2) 0 1px 1px
204
+
205
+
206
+ ul
207
+ li
208
+ a
209
+ &.active, &.button
210
+ background-color: #53b401
211
+ color: #fff
212
+
213
+ &.active.loading
214
+ background-image: url("/images/jqtouch/jqt/loading.gif)
215
+ background-position: 95% center
216
+ background-repeat: no-repeat
217
+
218
+ &.arrow a.active
219
+ background-image: url("/images/jqtouch/jqt/chevron.png")
220
+ background-position: right center
221
+ background-repeat: no-repeat
222
+
223
+ &.forward a.active
224
+ background-image: url("/images/jqtouch/jqt/chevron_circle.png")
225
+ background-position: right center
226
+ background-repeat: no-repeat
227
+
228
+ &.img a +
229
+ a
230
+ margin: -10px 10px -20px -5px
231
+ font-size: 17px
232
+ font-weight: bold
233
+
234
+ + a
235
+ font-size: 14px
236
+ font-weight: normal
237
+ margin-left: -10px
238
+ margin-bottom: -10px
239
+ margin-top: 0
240
+
241
+ small + a
242
+ margin-left: -5px
243
+
244
+ + a
245
+ margin-left: -10px
246
+ margin-top: -20px
247
+ margin-bottom: -10px
248
+ font-size: 14px
249
+ font-weight: normal
250
+
251
+ + a
252
+ margin-left: 0px !important
253
+ margin-bottom: 0
254
+
255
+ a + a
256
+ color: #000
257
+ font: 14px Helvetica
258
+ text-overflow: ellipsis
259
+ white-space: nowrap
260
+ overflow: hidden
261
+ display: block
262
+ margin: 0
263
+ padding: 0
264
+
265
+ + a
266
+ color: #666
267
+ font: 13px Helvetica
268
+ margin: 0
269
+ text-overflow: ellipsis
270
+ white-space: nowrap
271
+ overflow: hidden
272
+ display: block
273
+ padding: 0
274
+
275
+ &.img a +
276
+ a + a + a, small + a + a + a
277
+ color: #666
278
+ font: 13px Helvetica
279
+ margin: 0
280
+ text-overflow: ellipsis
281
+ white-space: nowrap
282
+ overflow: hidden
283
+ display: block
284
+ padding: 0
285
+
286
+ &.form li
287
+ padding: 7px 10px
288
+
289
+ &.error
290
+ border: 2px solid red
291
+
292
+ + li.error
293
+ border-top: 0
294
+
295
+ li
296
+ input
297
+ &[type="text"], &[type="password"]
298
+ color: #777
299
+ background: transparent url(../.png)
300
+ border: 0
301
+ font: normal 17px Helvetica
302
+ padding: 0
303
+ display: inline-block
304
+ margin-left: 0px
305
+ width: 100%
306
+ -webkit-appearance: textarea
307
+
308
+ textarea, select
309
+ color: #777
310
+ background: transparent url(../.png)
311
+ border: 0
312
+ font: normal 17px Helvetica
313
+ padding: 0
314
+ display: inline-block
315
+ margin-left: 0px
316
+ width: 100%
317
+ -webkit-appearance: textarea
318
+
319
+ textarea
320
+ height: 120px
321
+ padding: 0
322
+ text-indent: -2px
323
+
324
+ select
325
+ text-indent: 0px
326
+ background: transparent url("/images/jqtouch/jqt/chevron.png") no-repeat right center
327
+ -webkit-appearance: textfield
328
+ margin-left: -6px
329
+ width: 104%
330
+
331
+ input
332
+ &[type="checkbox"], &[type="radio"]
333
+ margin: 0
334
+ padding: 10px 10px
335
+
336
+ &[type="checkbox"]:after, &[type="radio"]:after
337
+ content: attr(title)
338
+ font: 17px Helvetica
339
+ display: block
340
+ width: 246px
341
+ color: #777
342
+ margin: -12px 0 0 17px
343
+
344
+ small
345
+ color: #64c114
346
+ font: 17px Helvetica
347
+ text-align: right
348
+ text-overflow: ellipsis
349
+ white-space: nowrap
350
+ overflow: hidden
351
+ display: block
352
+ width: 23%
353
+ float: right
354
+ padding: 0
355
+
356
+ &.arrow small
357
+ padding: 0 15px
358
+
359
+ small.counter
360
+ font-size: 17px
361
+ line-height: 13px
362
+ font-weight: bold
363
+ background: rgba(0,0,0,.15)
364
+ color: #fff
365
+ -webkit-border-radius: 11px
366
+ padding: 4px 10px 5px 10px
367
+ display: block
368
+ width: auto
369
+ margin-top: -22px
370
+ -webkit-box-shadow: rgba(255,255,255,.1) 0 1px 0
371
+
372
+ &.arrow small.counter
373
+ margin-right: 15px
374
+
375
+ &.individual
376
+ border: 0
377
+ background: none
378
+ clear: both
379
+ overflow: hidden
380
+ padding-bottom: 3px
381
+ -webkit-box-shadow: none
382
+
383
+ li
384
+ background: #4c4d4e
385
+ border: 1px solid #333
386
+ font-size: 14px
387
+ text-align: center
388
+ -webkit-border-radius: 8px
389
+ -webkit-box-sizing: border-box
390
+ width: 48%
391
+ float: left
392
+ display: block
393
+ padding: 11px 10px 14px 10px
394
+ -webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px
395
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142))
396
+
397
+ + li
398
+ float: right
399
+
400
+ a
401
+ color: #fff
402
+ line-height: 16px
403
+ margin: -11px -10px -14px -10px
404
+ padding: 11px 10px 14px 10px
405
+ -webkit-border-radius: 8px
406
+
407
+
408
+ .toggle
409
+ width: 94px
410
+ position: relative
411
+ height: 27px
412
+ display: block
413
+ overflow: hidden
414
+ float: right
415
+
416
+ input[type="checkbox"]
417
+ -webkit-appearance: textarea
418
+ -webkit-border-radius: 5px
419
+ -webkit-tap-highlight-color: rgba(0,0,0,0)
420
+ -webkit-transition: left .15s
421
+ background-color: transparent
422
+ background: #fff url("/images/jqtouch/jqt/on_off.png") 0 0 no-repeat
423
+ border: 0
424
+ height: 27px
425
+ left: -55px
426
+ margin: 0
427
+ overflow: hidden
428
+ position: absolute
429
+ top: 0
430
+ width: 149px
431
+
432
+ &:checked
433
+ left: 0px
434
+
435
+
436
+ .info
437
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#aaa), color-stop(.6,#CCCCCC))
438
+ font-size: 12px
439
+ line-height: 16px
440
+ text-align: center
441
+ text-shadow: rgba(255,255,255,.8) 0 1px 0
442
+ color: #444
443
+ padding: 15px
444
+ border-top: 1px solid rgba(255,255,255,.2)
445
+ font-weight: bold
446
+
447
+
448
+ ul.edgetoedge
449
+ border-width: 1px 0
450
+ margin: 0
451
+ padding: 0
452
+
453
+ li
454
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e1f21), to(#272729))
455
+ border-bottom: 2px solid #000
456
+ border-top: 1px solid #4a4b4d
457
+ font-size: 20px
458
+ margin-bottom: -1px
459
+
460
+ &.sep
461
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.5)))
462
+ border-bottom: 1px solid #111113
463
+ border-top: 1px solid #666
464
+ color: #3e9ac3
465
+ font-size: 16px
466
+ margin: 1px 0 0 0
467
+ padding: 2px 10px
468
+ text-shadow: #000 0 1px 0
469
+
470
+ em
471
+ font-weight: normal
472
+ font-style: normal
473
+
474
+
475
+ #plastic
476
+ background: #17181a
477
+
478
+
479
+ ul
480
+ &.plastic
481
+ background: #17181a
482
+ color: #aaa
483
+ font: bold 18px Helvetica
484
+ margin: 0
485
+ padding: 0
486
+ border-width: 0 0 1px 0
487
+
488
+ li
489
+ border-width: 1px 0
490
+ border-style: solid
491
+ border-top-color: #222
492
+ border-bottom-color: #000
493
+ color: #666
494
+ list-style-type: none
495
+ overflow: hidden
496
+ padding: 10px 10px 10px 10px
497
+
498
+ a.active.loading
499
+ background-image: url("/images/jqtouch/jqt/loading.gif)
500
+ background-position: 95% center
501
+ background-repeat: no-repeat
502
+
503
+ small
504
+ color: #888
505
+ font-size: 13px
506
+ font-weight: bold
507
+ line-height: 24px
508
+ text-transform: uppercase
509
+
510
+ &:nth-child(odd)
511
+ background-color: #1c1c1f
512
+
513
+ &.arrow
514
+ background-image: url("/images/jqtouch/jqt/chevron.png")
515
+ background-position: right center
516
+ background-repeat: no-repeat
517
+
518
+ a.active
519
+ background-image: url("/images/jqtouch/jqt/chevron.png")
520
+ background-position: right center
521
+ background-repeat: no-repeat
522
+
523
+ &.forward
524
+ background-image: url("/images/jqtouch/jqt/chevron_circle.png")
525
+ background-position: right center
526
+ background-repeat: no-repeat
527
+
528
+ a.active
529
+ background-image: url("/images/jqtouch/jqt/chevron_circle.png")
530
+ background-position: right center
531
+ background-repeat: no-repeat
532
+
533
+ &.metal
534
+ border-bottom: 0
535
+ border-left: 0
536
+ border-right: 0
537
+ border-top: 0
538
+ margin: 0
539
+
540
+ li
541
+ background-image: none
542
+ border-top: 1px solid #fff
543
+ border-bottom: 1px solid #666
544
+ font-size: 26px
545
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238,238,238,1)), to(rgba(156,158,160,1)))
546
+
547
+ a
548
+ line-height: 26px
549
+ margin: 0
550
+ text-shadow: #fff 0 1px 0
551
+ padding: 13px 0
552
+
553
+ em
554
+ display: block
555
+ font-size: 14px
556
+ font-style: normal
557
+ color: #444
558
+ width: 50%
559
+ line-height: 14px
560
+
561
+ &.active
562
+ color: rgb(0,0,0)
563
+
564
+ small
565
+ float: right
566
+ position: relative
567
+ margin-top: 10px
568
+ font-weight: bold
569
+
570
+ &.arrow
571
+ background-image: url("/images/jqtouch/jqt/chevron.png")
572
+ background-position: right center
573
+ background-repeat: no-repeat
574
+ background-image: url("/images/jqtouch/jqt/chevron.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238,238,238,1)), to(rgba(156,158,160,1)))
575
+ background-repeat: no-repeat
576
+ background-position: right center
577
+
578
+ a small
579
+ padding-right: 15px
580
+ line-height: 17px
@@ -0,0 +1,75 @@
1
+ // Generated by compass-jquery-plugin/gem-tasks/jqtouch.rake
2
+
3
+ @-webkit-keyframes slideinfromright
4
+ from
5
+ -webkit-transform: translateX(100%)
6
+
7
+ to
8
+ -webkit-transform: translateX(0)
9
+
10
+
11
+
12
+ *
13
+ margin: 0
14
+ padding: 0
15
+
16
+
17
+ a
18
+ -webkit-tap-highlight-color: rgba(0,0,0,0)
19
+
20
+
21
+ body
22
+ overflow-x: hidden
23
+ -webkit-user-select: none
24
+ -webkit-text-size-adjust: none
25
+ font-family: Helvetica
26
+ -webkit-perspective: 800
27
+ -webkit-transform-style: preserve-3d
28
+
29
+
30
+ .selectable, input, textarea
31
+ -webkit-user-select: auto
32
+
33
+
34
+ body
35
+ > *
36
+ -webkit-backface-visibility: hidden
37
+ -webkit-box-sizing: border-box
38
+ display: none
39
+ position: absolute
40
+ left: 0
41
+ width: 100%
42
+ -webkit-transform: translate3d(0,0,0) rotate(0) scale(1)
43
+ min-height: 420px !important
44
+
45
+ &.fullscreen
46
+ > *
47
+ min-height: 460px !important
48
+
49
+ &.black-translucent > *
50
+ min-height: 480px !important
51
+
52
+ &.landscape > *
53
+ min-height: 320px
54
+
55
+ > .current
56
+ display: block !important
57
+
58
+
59
+ .in, .out
60
+ -webkit-animation-timing-function: ease-in-out
61
+ -webkit-animation-duration: 350ms
62
+
63
+
64
+ .slide
65
+ &.in
66
+ -webkit-animation-name: slideinfromright
67
+
68
+ &.out
69
+ -webkit-animation-name: slideouttoleft
70
+
71
+ &.in.reverse
72
+ -webkit-animation-name: slideinfromleft
73
+
74
+ &.out.reverse
75
+ -webkit-animation-name: slideouttoright