fomantic-ui-sass 2.7.5 → 2.7.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.svg +773 -617
  4. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  5. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  6. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  7. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.svg +150 -139
  9. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  10. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  11. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  12. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  13. data/app/assets/fonts/semantic-ui/outline-icons.svg +13 -9
  14. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  15. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  16. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  17. data/app/assets/javascripts/semantic-ui/api.js +0 -1
  18. data/app/assets/javascripts/semantic-ui/calendar.js +31 -14
  19. data/app/assets/javascripts/semantic-ui/dropdown.js +2 -2
  20. data/app/assets/javascripts/semantic-ui/embed.js +1 -1
  21. data/app/assets/javascripts/semantic-ui/form.js +4 -3
  22. data/app/assets/javascripts/semantic-ui/popup.js +2 -2
  23. data/app/assets/javascripts/semantic-ui/progress.js +118 -72
  24. data/app/assets/javascripts/semantic-ui/slider.js +7 -3
  25. data/app/assets/javascripts/semantic-ui/transition.js +1 -1
  26. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +0 -6
  27. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +26 -70
  28. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +71 -187
  29. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +113 -161
  30. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +47 -113
  31. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +50 -85
  32. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +325 -685
  33. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +0 -6
  34. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +0 -18
  35. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +0 -993
  36. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +4 -16
  37. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +8 -10989
  38. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +0 -6
  39. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +31 -55
  40. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +6 -27
  41. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +0 -10
  42. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -8
  43. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +0 -10
  44. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +0 -6
  45. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +2 -13
  46. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +27 -80
  47. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +21 -97
  48. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +0 -6
  49. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +5 -357
  50. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +9 -7
  51. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -32
  52. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +4 -14
  53. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +9 -58
  54. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +5 -26
  55. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +39 -142
  56. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -10
  57. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +17 -51
  58. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -10
  59. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +19 -46
  60. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +209 -12
  61. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -12
  62. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +5 -22
  63. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -12
  64. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +2 -21
  65. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +1 -18
  66. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +0 -7
  67. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -8
  68. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +2 -5
  69. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1201
  70. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +0 -6
  71. data/app/assets/stylesheets/semantic-ui/views/_card.scss +81 -189
  72. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +3 -13
  73. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +6 -26
  74. data/app/assets/stylesheets/semantic-ui/views/_item.scss +12 -43
  75. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +10 -48
  76. data/lib/fomantic/ui/sass/version.rb +2 -2
  77. metadata +2 -2
@@ -14,8 +14,6 @@
14
14
  *******************************/
15
15
 
16
16
  .ui.rating {
17
- display: -webkit-inline-box;
18
- display: -ms-inline-flexbox;
19
17
  display: inline-flex;
20
18
  white-space: nowrap;
21
19
  vertical-align: baseline;
@@ -31,13 +29,10 @@
31
29
  text-align: center;
32
30
  font-weight: normal;
33
31
  font-style: normal;
34
- -webkit-box-flex: 1;
35
- -ms-flex: 1 0 auto;
36
- flex: 1 0 auto;
32
+ flex: 1 0 auto;
37
33
  cursor: pointer;
38
34
  width: 1.25em;
39
35
  height: auto;
40
- -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
41
36
  transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
42
37
  line-height: 1;
43
38
  -webkit-backface-visibility: hidden;
@@ -278,12 +273,6 @@
278
273
 
279
274
 
280
275
 
281
- /*******************************
282
- Theme Overrides
283
- *******************************/
284
-
285
-
286
-
287
276
  /*******************************
288
277
  Site Overrides
289
278
  *******************************/
@@ -30,12 +30,8 @@
30
30
  background: #FFFFFF;
31
31
  border: 1px solid rgba(34, 36, 38, 0.15);
32
32
  color: rgba(0, 0, 0, 0.87);
33
- -webkit-box-shadow: 0 0 0 0 transparent inset;
34
- box-shadow: 0 0 0 0 transparent inset;
35
- -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
36
- transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
33
+ box-shadow: 0 0 0 0 transparent inset;
37
34
  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
38
- transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
39
35
  }
40
36
  .ui.search .prompt {
41
37
  border-radius: 500rem;
@@ -67,8 +63,7 @@
67
63
  margin-top: 0.5em;
68
64
  width: 18em;
69
65
  border-radius: 0.28571429rem;
70
- -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
71
- box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
66
+ box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
72
67
  border: 1px solid #D4D4D5;
73
68
  z-index: 998;
74
69
  }
@@ -209,8 +204,7 @@
209
204
  animation: loader 0.6s infinite linear;
210
205
  border: 0.2em solid #767676;
211
206
  border-radius: 500rem;
212
- -webkit-box-shadow: 0 0 0 1px transparent;
213
- box-shadow: 0 0 0 1px transparent;
207
+ box-shadow: 0 0 0 1px transparent;
214
208
  }
215
209
 
216
210
  /*--------------
@@ -240,8 +234,7 @@
240
234
  position: relative;
241
235
  border-left-color: rgba(34, 36, 38, 0.1);
242
236
  background: #F3F4F5;
243
- -webkit-box-shadow: none;
244
- box-shadow: none;
237
+ box-shadow: none;
245
238
  }
246
239
  .ui.search > .results .result.active .title {
247
240
  color: rgba(0, 0, 0, 0.85);
@@ -285,7 +278,6 @@
285
278
  color: '';
286
279
  top: 0;
287
280
  right: 0;
288
- -webkit-transition: color 0.1s ease, opacity 0.1s ease;
289
281
  transition: color 0.1s ease, opacity 0.1s ease;
290
282
  }
291
283
  .ui.search.selection > .icon.input > .active.remove.icon {
@@ -317,9 +309,7 @@
317
309
  .ui.category.search > .results .category {
318
310
  display: table-row;
319
311
  background: #F3F4F5;
320
- -webkit-box-shadow: none;
321
- box-shadow: none;
322
- -webkit-transition: background 0.1s ease, border-color 0.1s ease;
312
+ box-shadow: none;
323
313
  transition: background 0.1s ease, border-color 0.1s ease;
324
314
  }
325
315
 
@@ -360,7 +350,6 @@
360
350
  }
361
351
  .ui.category.search > .results .category .result {
362
352
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
363
- -webkit-transition: background 0.1s ease, border-color 0.1s ease;
364
353
  transition: background 0.1s ease, border-color 0.1s ease;
365
354
  padding: 0.85714286em 1.14285714em;
366
355
  }
@@ -435,12 +424,6 @@
435
424
 
436
425
 
437
426
 
438
- /*******************************
439
- Theme Overrides
440
- *******************************/
441
-
442
-
443
-
444
427
  /*******************************
445
428
  Site Overrides
446
429
  *******************************/
@@ -19,7 +19,6 @@
19
19
  display: inline-block;
20
20
  -webkit-perspective: 2000px;
21
21
  perspective: 2000px;
22
- -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
23
22
  transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
24
23
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
25
24
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
@@ -52,8 +51,7 @@
52
51
  padding: 2em;
53
52
  background-color: #E6E6E6;
54
53
  color: rgba(0, 0, 0, 0.87);
55
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
56
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
54
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
57
55
  }
58
56
  .ui.cube.shape .side > .content {
59
57
  width: 100%;
@@ -123,18 +121,15 @@
123
121
 
124
122
  .ui.shape.animating .sides {
125
123
  position: absolute;
126
- -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
127
124
  transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
128
125
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
129
126
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
130
127
  }
131
128
  .ui.shape.animating .side {
132
- -webkit-transition: opacity 0.6s ease-in-out;
133
129
  transition: opacity 0.6s ease-in-out;
134
130
  }
135
131
  .ui.shape .animating.side *,
136
132
  .ui.shape.animating .side * {
137
- -webkit-transition: none;
138
133
  transition: none;
139
134
  }
140
135
 
@@ -153,12 +148,6 @@
153
148
 
154
149
 
155
150
 
156
- /*******************************
157
- Theme Overrides
158
- *******************************/
159
-
160
-
161
-
162
151
  /*******************************
163
152
  User Overrides
164
153
  *******************************/
@@ -21,7 +21,6 @@
21
21
  left: 0;
22
22
  -webkit-backface-visibility: hidden;
23
23
  backface-visibility: hidden;
24
- -webkit-transition: none;
25
24
  transition: none;
26
25
  will-change: transform;
27
26
  -webkit-transform: translate3d(0, 0, 0);
@@ -113,7 +112,6 @@ body.pushable.dimmed {
113
112
  position: fixed;
114
113
  -webkit-backface-visibility: hidden;
115
114
  backface-visibility: hidden;
116
- -webkit-transition: -webkit-transform 500ms ease;
117
115
  transition: -webkit-transform 500ms ease;
118
116
  transition: transform 500ms ease;
119
117
  transition: transform 500ms ease, -webkit-transform 500ms ease;
@@ -131,7 +129,6 @@ body.pushable.dimmed {
131
129
  backface-visibility: hidden;
132
130
  overflow: hidden;
133
131
  min-height: 100%;
134
- -webkit-transition: -webkit-transform 500ms ease;
135
132
  transition: -webkit-transform 500ms ease;
136
133
  transition: transform 500ms ease;
137
134
  transition: transform 500ms ease, -webkit-transform 500ms ease;
@@ -156,7 +153,6 @@ body.pushable > .pusher {
156
153
  background-color: rgba(0, 0, 0, 0.4);
157
154
  overflow: hidden;
158
155
  opacity: 0;
159
- -webkit-transition: opacity 500ms;
160
156
  transition: opacity 500ms;
161
157
  will-change: opacity;
162
158
  z-index: 1000;
@@ -207,13 +203,11 @@ body.pushable > .pusher {
207
203
  /* Shadow Direction */
208
204
  .ui.left.visible.sidebar,
209
205
  .ui.right.visible.sidebar {
210
- -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
211
- box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
206
+ box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
212
207
  }
213
208
  .ui.top.visible.sidebar,
214
209
  .ui.bottom.visible.sidebar {
215
- -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
216
- box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
210
+ box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
217
211
  }
218
212
 
219
213
  /* Visible On Load */
@@ -366,7 +360,6 @@ body.pushable > .pusher {
366
360
  /* Animation */
367
361
  .animating.ui.overlay.sidebar,
368
362
  .ui.visible.overlay.sidebar {
369
- -webkit-transition: -webkit-transform 500ms ease;
370
363
  transition: -webkit-transform 500ms ease;
371
364
  transition: transform 500ms ease;
372
365
  transition: transform 500ms ease, -webkit-transform 500ms ease;
@@ -404,7 +397,6 @@ body.pushable > .pusher {
404
397
 
405
398
  /* Initial */
406
399
  .ui.push.sidebar {
407
- -webkit-transition: -webkit-transform 500ms ease;
408
400
  transition: -webkit-transform 500ms ease;
409
401
  transition: transform 500ms ease;
410
402
  transition: transform 500ms ease, -webkit-transform 500ms ease;
@@ -451,7 +443,6 @@ body.pushable > .pusher {
451
443
  .ui.visible.uncover.sidebar {
452
444
  -webkit-transform: translate3d(0, 0, 0);
453
445
  transform: translate3d(0, 0, 0);
454
- -webkit-transition: -webkit-transform 500ms ease;
455
446
  transition: -webkit-transform 500ms ease;
456
447
  transition: transform 500ms ease;
457
448
  transition: transform 500ms ease, -webkit-transform 500ms ease;
@@ -487,7 +478,6 @@ body.pushable > .pusher {
487
478
 
488
479
  /* Animation */
489
480
  .ui.animating.slide.along.sidebar {
490
- -webkit-transition: -webkit-transform 500ms ease;
491
481
  transition: -webkit-transform 500ms ease;
492
482
  transition: transform 500ms ease;
493
483
  transition: transform 500ms ease, -webkit-transform 500ms ease;
@@ -529,7 +519,6 @@ body.pushable > .pusher {
529
519
 
530
520
  /* Animation */
531
521
  .ui.animating.slide.out.sidebar {
532
- -webkit-transition: -webkit-transform 500ms ease;
533
522
  transition: -webkit-transform 500ms ease;
534
523
  transition: transform 500ms ease;
535
524
  transition: transform 500ms ease, -webkit-transform 500ms ease;
@@ -548,7 +537,6 @@ body.pushable > .pusher {
548
537
 
549
538
  /* Initial */
550
539
  .ui.scale.down.sidebar {
551
- -webkit-transition: -webkit-transform 500ms ease;
552
540
  transition: -webkit-transform 500ms ease;
553
541
  transition: transform 500ms ease;
554
542
  transition: transform 500ms ease, -webkit-transform 500ms ease;
@@ -593,7 +581,6 @@ body.pushable > .pusher {
593
581
 
594
582
  /* Animation */
595
583
  .ui.animating.scale.down > .visible.ui.sidebar {
596
- -webkit-transition: -webkit-transform 500ms ease;
597
584
  transition: -webkit-transform 500ms ease;
598
585
  transition: transform 500ms ease;
599
586
  transition: transform 500ms ease, -webkit-transform 500ms ease;
@@ -623,12 +610,6 @@ body.pushable > .pusher {
623
610
 
624
611
 
625
612
 
626
- /*******************************
627
- Theme Overrides
628
- *******************************/
629
-
630
-
631
-
632
613
  /*******************************
633
614
  Site Overrides
634
615
  *******************************/
@@ -51,24 +51,16 @@
51
51
  top: 0;
52
52
  height: 1.5em;
53
53
  width: 1.5em;
54
- background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
55
- background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
56
54
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
57
55
  border-radius: 100%;
58
- -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
59
- box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
60
- -webkit-transition: background 0.3s ease;
56
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
61
57
  transition: background 0.3s ease;
62
58
  }
63
59
  .ui.slider:not(.disabled) .inner .thumb:hover {
64
60
  cursor: pointer;
65
- background: #f2f2f2 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
66
- background: #f2f2f2 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
67
61
  background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
68
62
  }
69
63
  .ui.slider:not(.disabled):focus .inner .thumb {
70
- background: #f2f2f2 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
71
- background: #f2f2f2 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
72
64
  background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
73
65
  }
74
66
 
@@ -168,8 +160,6 @@
168
160
  transform: translateY(-50%);
169
161
  }
170
162
  .ui.labeled.slider > .labels .label {
171
- display: -webkit-inline-box;
172
- display: -ms-inline-flexbox;
173
163
  display: inline-flex;
174
164
  position: absolute;
175
165
  -webkit-transform: translate(-50%, -100%);
@@ -218,7 +208,6 @@
218
208
 
219
209
  .ui.hover.slider .inner .thumb {
220
210
  opacity: 0;
221
- -webkit-transition: opacity 0.2s linear;
222
211
  transition: opacity 0.2s linear;
223
212
  }
224
213
  .ui.hover.slider:not(.disabled):hover .inner .thumb,
@@ -766,9 +755,3 @@
766
755
  Slider Overrides
767
756
  *******************************/
768
757
 
769
-
770
-
771
- /*******************************
772
- Slider Overrides
773
- *******************************/
774
-
@@ -15,7 +15,6 @@
15
15
 
16
16
  .ui.sticky {
17
17
  position: static;
18
- -webkit-transition: none;
19
18
  transition: none;
20
19
  z-index: 800;
21
20
  }
@@ -72,12 +71,6 @@
72
71
 
73
72
 
74
73
 
75
- /*******************************
76
- Theme Overrides
77
- *******************************/
78
-
79
-
80
-
81
74
  /*******************************
82
75
  Site Overrides
83
76
  *******************************/
@@ -71,8 +71,7 @@
71
71
  animation: loader 0.6s infinite linear;
72
72
  border: 0.2em solid #767676;
73
73
  border-radius: 500rem;
74
- -webkit-box-shadow: 0 0 0 1px transparent;
75
- box-shadow: 0 0 0 1px transparent;
74
+ box-shadow: 0 0 0 1px transparent;
76
75
  }
77
76
 
78
77
 
@@ -82,12 +81,6 @@
82
81
 
83
82
 
84
83
 
85
- /*******************************
86
- Tab Overrides
87
- *******************************/
88
-
89
-
90
-
91
84
  /*******************************
92
85
  User Overrides
93
86
  *******************************/
@@ -64,12 +64,10 @@
64
64
  }
65
65
  .floating.toast,
66
66
  .hoverfloating.toast:hover {
67
- -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
68
- box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
67
+ box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
69
68
  }
70
69
  .hoverfloating.message:hover {
71
- -webkit-box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
72
- box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
70
+ box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
73
71
  }
74
72
  .center.toast-container .toast-box,
75
73
  .right.toast-container .toast-box {
@@ -294,7 +292,6 @@
294
292
  top: 0.3em;
295
293
  right: 0.3em;
296
294
  opacity: 0.7;
297
- -webkit-transition: opacity 0.1s ease;
298
295
  transition: opacity 0.1s ease;
299
296
  }
300
297
  .toast-box .toast > .close.icon:hover {
@@ -787,8 +787,7 @@
787
787
  .transition.fly {
788
788
  -webkit-animation-duration: 0.6s;
789
789
  animation-duration: 0.6s;
790
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
791
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
790
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
792
791
  }
793
792
  .transition.fly.in {
794
793
  -webkit-animation-name: flyIn;
@@ -2053,1205 +2052,6 @@
2053
2052
  }
2054
2053
 
2055
2054
 
2056
- /*******************************
2057
- Transitions
2058
- *******************************/
2059
-
2060
- /*
2061
- Some transitions adapted from Animate CSS
2062
- https://github.com/daneden/animate.css
2063
-
2064
- Additional transitions adapted from Glide
2065
- by Nick Pettit - https://github.com/nickpettit/glide
2066
- */
2067
-
2068
- /*--------------
2069
- Browse
2070
- ---------------*/
2071
-
2072
- .transition.browse {
2073
- -webkit-animation-duration: 500ms;
2074
- animation-duration: 500ms;
2075
- }
2076
- .transition.browse.in {
2077
- -webkit-animation-name: browseIn;
2078
- animation-name: browseIn;
2079
- }
2080
- .transition.browse.out,
2081
- .transition.browse.left.out {
2082
- -webkit-animation-name: browseOutLeft;
2083
- animation-name: browseOutLeft;
2084
- }
2085
- .transition.browse.right.out {
2086
- -webkit-animation-name: browseOutRight;
2087
- animation-name: browseOutRight;
2088
- }
2089
-
2090
- /* In */
2091
- @keyframes browseIn {
2092
- 0% {
2093
- -webkit-transform: scale(0.8) translateZ(0px);
2094
- transform: scale(0.8) translateZ(0px);
2095
- z-index: -1;
2096
- }
2097
- 10% {
2098
- -webkit-transform: scale(0.8) translateZ(0px);
2099
- transform: scale(0.8) translateZ(0px);
2100
- z-index: -1;
2101
- opacity: 0.7;
2102
- }
2103
- 80% {
2104
- -webkit-transform: scale(1.05) translateZ(0px);
2105
- transform: scale(1.05) translateZ(0px);
2106
- opacity: 1;
2107
- z-index: 999;
2108
- }
2109
- 100% {
2110
- -webkit-transform: scale(1) translateZ(0px);
2111
- transform: scale(1) translateZ(0px);
2112
- z-index: 999;
2113
- }
2114
- }
2115
-
2116
- /* Out */
2117
- @keyframes browseOutLeft {
2118
- 0% {
2119
- z-index: 999;
2120
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
2121
- transform: translateX(0%) rotateY(0deg) rotateX(0deg);
2122
- }
2123
- 50% {
2124
- z-index: -1;
2125
- -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
2126
- transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
2127
- }
2128
- 80% {
2129
- opacity: 1;
2130
- }
2131
- 100% {
2132
- z-index: -1;
2133
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
2134
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
2135
- opacity: 0;
2136
- }
2137
- }
2138
- @keyframes browseOutRight {
2139
- 0% {
2140
- z-index: 999;
2141
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
2142
- transform: translateX(0%) rotateY(0deg) rotateX(0deg);
2143
- }
2144
- 50% {
2145
- z-index: 1;
2146
- -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
2147
- transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
2148
- }
2149
- 80% {
2150
- opacity: 1;
2151
- }
2152
- 100% {
2153
- z-index: 1;
2154
- -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
2155
- transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
2156
- opacity: 0;
2157
- }
2158
- }
2159
-
2160
- /*--------------
2161
- Drop
2162
- ---------------*/
2163
-
2164
- .drop.transition {
2165
- -webkit-transform-origin: top center;
2166
- transform-origin: top center;
2167
- -webkit-animation-duration: 400ms;
2168
- animation-duration: 400ms;
2169
- -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
2170
- animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
2171
- }
2172
- .drop.transition.in {
2173
- -webkit-animation-name: dropIn;
2174
- animation-name: dropIn;
2175
- }
2176
- .drop.transition.out {
2177
- -webkit-animation-name: dropOut;
2178
- animation-name: dropOut;
2179
- }
2180
-
2181
- /* Drop */
2182
- @keyframes dropIn {
2183
- 0% {
2184
- opacity: 0;
2185
- -webkit-transform: scale(0);
2186
- transform: scale(0);
2187
- }
2188
- 100% {
2189
- opacity: 1;
2190
- -webkit-transform: scale(1);
2191
- transform: scale(1);
2192
- }
2193
- }
2194
- @keyframes dropOut {
2195
- 0% {
2196
- opacity: 1;
2197
- -webkit-transform: scale(1);
2198
- transform: scale(1);
2199
- }
2200
- 100% {
2201
- opacity: 0;
2202
- -webkit-transform: scale(0);
2203
- transform: scale(0);
2204
- }
2205
- }
2206
-
2207
- /*--------------
2208
- Fade
2209
- ---------------*/
2210
-
2211
- .transition.fade.in {
2212
- -webkit-animation-name: fadeIn;
2213
- animation-name: fadeIn;
2214
- }
2215
- .transition[class*="fade up"].in {
2216
- -webkit-animation-name: fadeInUp;
2217
- animation-name: fadeInUp;
2218
- }
2219
- .transition[class*="fade down"].in {
2220
- -webkit-animation-name: fadeInDown;
2221
- animation-name: fadeInDown;
2222
- }
2223
- .transition[class*="fade left"].in {
2224
- -webkit-animation-name: fadeInLeft;
2225
- animation-name: fadeInLeft;
2226
- }
2227
- .transition[class*="fade right"].in {
2228
- -webkit-animation-name: fadeInRight;
2229
- animation-name: fadeInRight;
2230
- }
2231
- .transition.fade.out {
2232
- -webkit-animation-name: fadeOut;
2233
- animation-name: fadeOut;
2234
- }
2235
- .transition[class*="fade up"].out {
2236
- -webkit-animation-name: fadeOutUp;
2237
- animation-name: fadeOutUp;
2238
- }
2239
- .transition[class*="fade down"].out {
2240
- -webkit-animation-name: fadeOutDown;
2241
- animation-name: fadeOutDown;
2242
- }
2243
- .transition[class*="fade left"].out {
2244
- -webkit-animation-name: fadeOutLeft;
2245
- animation-name: fadeOutLeft;
2246
- }
2247
- .transition[class*="fade right"].out {
2248
- -webkit-animation-name: fadeOutRight;
2249
- animation-name: fadeOutRight;
2250
- }
2251
-
2252
- /* In */
2253
- @keyframes fadeIn {
2254
- 0% {
2255
- opacity: 0;
2256
- }
2257
- 100% {
2258
- opacity: 1;
2259
- }
2260
- }
2261
- @keyframes fadeInUp {
2262
- 0% {
2263
- opacity: 0;
2264
- -webkit-transform: translateY(10%);
2265
- transform: translateY(10%);
2266
- }
2267
- 100% {
2268
- opacity: 1;
2269
- -webkit-transform: translateY(0%);
2270
- transform: translateY(0%);
2271
- }
2272
- }
2273
- @keyframes fadeInDown {
2274
- 0% {
2275
- opacity: 0;
2276
- -webkit-transform: translateY(-10%);
2277
- transform: translateY(-10%);
2278
- }
2279
- 100% {
2280
- opacity: 1;
2281
- -webkit-transform: translateY(0%);
2282
- transform: translateY(0%);
2283
- }
2284
- }
2285
- @keyframes fadeInLeft {
2286
- 0% {
2287
- opacity: 0;
2288
- -webkit-transform: translateX(10%);
2289
- transform: translateX(10%);
2290
- }
2291
- 100% {
2292
- opacity: 1;
2293
- -webkit-transform: translateX(0%);
2294
- transform: translateX(0%);
2295
- }
2296
- }
2297
- @keyframes fadeInRight {
2298
- 0% {
2299
- opacity: 0;
2300
- -webkit-transform: translateX(-10%);
2301
- transform: translateX(-10%);
2302
- }
2303
- 100% {
2304
- opacity: 1;
2305
- -webkit-transform: translateX(0%);
2306
- transform: translateX(0%);
2307
- }
2308
- }
2309
-
2310
- /* Out */
2311
- @keyframes fadeOut {
2312
- 0% {
2313
- opacity: 1;
2314
- }
2315
- 100% {
2316
- opacity: 0;
2317
- }
2318
- }
2319
- @keyframes fadeOutUp {
2320
- 0% {
2321
- opacity: 1;
2322
- -webkit-transform: translateY(0%);
2323
- transform: translateY(0%);
2324
- }
2325
- 100% {
2326
- opacity: 0;
2327
- -webkit-transform: translateY(5%);
2328
- transform: translateY(5%);
2329
- }
2330
- }
2331
- @keyframes fadeOutDown {
2332
- 0% {
2333
- opacity: 1;
2334
- -webkit-transform: translateY(0%);
2335
- transform: translateY(0%);
2336
- }
2337
- 100% {
2338
- opacity: 0;
2339
- -webkit-transform: translateY(-5%);
2340
- transform: translateY(-5%);
2341
- }
2342
- }
2343
- @keyframes fadeOutLeft {
2344
- 0% {
2345
- opacity: 1;
2346
- -webkit-transform: translateX(0%);
2347
- transform: translateX(0%);
2348
- }
2349
- 100% {
2350
- opacity: 0;
2351
- -webkit-transform: translateX(5%);
2352
- transform: translateX(5%);
2353
- }
2354
- }
2355
- @keyframes fadeOutRight {
2356
- 0% {
2357
- opacity: 1;
2358
- -webkit-transform: translateX(0%);
2359
- transform: translateX(0%);
2360
- }
2361
- 100% {
2362
- opacity: 0;
2363
- -webkit-transform: translateX(-5%);
2364
- transform: translateX(-5%);
2365
- }
2366
- }
2367
-
2368
- /*--------------
2369
- Flips
2370
- ---------------*/
2371
-
2372
- .flip.transition.in,
2373
- .flip.transition.out {
2374
- -webkit-animation-duration: 600ms;
2375
- animation-duration: 600ms;
2376
- }
2377
- .horizontal.flip.transition.in {
2378
- -webkit-animation-name: horizontalFlipIn;
2379
- animation-name: horizontalFlipIn;
2380
- }
2381
- .horizontal.flip.transition.out {
2382
- -webkit-animation-name: horizontalFlipOut;
2383
- animation-name: horizontalFlipOut;
2384
- }
2385
- .vertical.flip.transition.in {
2386
- -webkit-animation-name: verticalFlipIn;
2387
- animation-name: verticalFlipIn;
2388
- }
2389
- .vertical.flip.transition.out {
2390
- -webkit-animation-name: verticalFlipOut;
2391
- animation-name: verticalFlipOut;
2392
- }
2393
-
2394
- /* In */
2395
- @keyframes horizontalFlipIn {
2396
- 0% {
2397
- -webkit-transform: perspective(2000px) rotateY(-90deg);
2398
- transform: perspective(2000px) rotateY(-90deg);
2399
- opacity: 0;
2400
- }
2401
- 100% {
2402
- -webkit-transform: perspective(2000px) rotateY(0deg);
2403
- transform: perspective(2000px) rotateY(0deg);
2404
- opacity: 1;
2405
- }
2406
- }
2407
- @keyframes verticalFlipIn {
2408
- 0% {
2409
- -webkit-transform: perspective(2000px) rotateX(-90deg);
2410
- transform: perspective(2000px) rotateX(-90deg);
2411
- opacity: 0;
2412
- }
2413
- 100% {
2414
- -webkit-transform: perspective(2000px) rotateX(0deg);
2415
- transform: perspective(2000px) rotateX(0deg);
2416
- opacity: 1;
2417
- }
2418
- }
2419
-
2420
- /* Out */
2421
- @keyframes horizontalFlipOut {
2422
- 0% {
2423
- -webkit-transform: perspective(2000px) rotateY(0deg);
2424
- transform: perspective(2000px) rotateY(0deg);
2425
- opacity: 1;
2426
- }
2427
- 100% {
2428
- -webkit-transform: perspective(2000px) rotateY(90deg);
2429
- transform: perspective(2000px) rotateY(90deg);
2430
- opacity: 0;
2431
- }
2432
- }
2433
- @keyframes verticalFlipOut {
2434
- 0% {
2435
- -webkit-transform: perspective(2000px) rotateX(0deg);
2436
- transform: perspective(2000px) rotateX(0deg);
2437
- opacity: 1;
2438
- }
2439
- 100% {
2440
- -webkit-transform: perspective(2000px) rotateX(-90deg);
2441
- transform: perspective(2000px) rotateX(-90deg);
2442
- opacity: 0;
2443
- }
2444
- }
2445
-
2446
- /*--------------
2447
- Scale
2448
- ---------------*/
2449
-
2450
- .scale.transition.in {
2451
- -webkit-animation-name: scaleIn;
2452
- animation-name: scaleIn;
2453
- }
2454
- .scale.transition.out {
2455
- -webkit-animation-name: scaleOut;
2456
- animation-name: scaleOut;
2457
- }
2458
- @keyframes scaleIn {
2459
- 0% {
2460
- opacity: 0;
2461
- -webkit-transform: scale(0.8);
2462
- transform: scale(0.8);
2463
- }
2464
- 100% {
2465
- opacity: 1;
2466
- -webkit-transform: scale(1);
2467
- transform: scale(1);
2468
- }
2469
- }
2470
-
2471
- /* Out */
2472
- @keyframes scaleOut {
2473
- 0% {
2474
- opacity: 1;
2475
- -webkit-transform: scale(1);
2476
- transform: scale(1);
2477
- }
2478
- 100% {
2479
- opacity: 0;
2480
- -webkit-transform: scale(0.9);
2481
- transform: scale(0.9);
2482
- }
2483
- }
2484
-
2485
- /*--------------
2486
- Fly
2487
- ---------------*/
2488
-
2489
-
2490
- /* Inward */
2491
- .transition.fly {
2492
- -webkit-animation-duration: 0.6s;
2493
- animation-duration: 0.6s;
2494
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2495
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2496
- }
2497
- .transition.fly.in {
2498
- -webkit-animation-name: flyIn;
2499
- animation-name: flyIn;
2500
- }
2501
- .transition[class*="fly up"].in {
2502
- -webkit-animation-name: flyInUp;
2503
- animation-name: flyInUp;
2504
- }
2505
- .transition[class*="fly down"].in {
2506
- -webkit-animation-name: flyInDown;
2507
- animation-name: flyInDown;
2508
- }
2509
- .transition[class*="fly left"].in {
2510
- -webkit-animation-name: flyInLeft;
2511
- animation-name: flyInLeft;
2512
- }
2513
- .transition[class*="fly right"].in {
2514
- -webkit-animation-name: flyInRight;
2515
- animation-name: flyInRight;
2516
- }
2517
-
2518
- /* Outward */
2519
- .transition.fly.out {
2520
- -webkit-animation-name: flyOut;
2521
- animation-name: flyOut;
2522
- }
2523
- .transition[class*="fly up"].out {
2524
- -webkit-animation-name: flyOutUp;
2525
- animation-name: flyOutUp;
2526
- }
2527
- .transition[class*="fly down"].out {
2528
- -webkit-animation-name: flyOutDown;
2529
- animation-name: flyOutDown;
2530
- }
2531
- .transition[class*="fly left"].out {
2532
- -webkit-animation-name: flyOutLeft;
2533
- animation-name: flyOutLeft;
2534
- }
2535
- .transition[class*="fly right"].out {
2536
- -webkit-animation-name: flyOutRight;
2537
- animation-name: flyOutRight;
2538
- }
2539
-
2540
- /* In */
2541
- @keyframes flyIn {
2542
- 0% {
2543
- opacity: 0;
2544
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
2545
- transform: scale3d(0.3, 0.3, 0.3);
2546
- }
2547
- 20% {
2548
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
2549
- transform: scale3d(1.1, 1.1, 1.1);
2550
- }
2551
- 40% {
2552
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
2553
- transform: scale3d(0.9, 0.9, 0.9);
2554
- }
2555
- 60% {
2556
- opacity: 1;
2557
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
2558
- transform: scale3d(1.03, 1.03, 1.03);
2559
- }
2560
- 80% {
2561
- -webkit-transform: scale3d(0.97, 0.97, 0.97);
2562
- transform: scale3d(0.97, 0.97, 0.97);
2563
- }
2564
- 100% {
2565
- opacity: 1;
2566
- -webkit-transform: scale3d(1, 1, 1);
2567
- transform: scale3d(1, 1, 1);
2568
- }
2569
- }
2570
- @keyframes flyInUp {
2571
- 0% {
2572
- opacity: 0;
2573
- -webkit-transform: translate3d(0, 1500px, 0);
2574
- transform: translate3d(0, 1500px, 0);
2575
- }
2576
- 60% {
2577
- opacity: 1;
2578
- -webkit-transform: translate3d(0, -20px, 0);
2579
- transform: translate3d(0, -20px, 0);
2580
- }
2581
- 75% {
2582
- -webkit-transform: translate3d(0, 10px, 0);
2583
- transform: translate3d(0, 10px, 0);
2584
- }
2585
- 90% {
2586
- -webkit-transform: translate3d(0, -5px, 0);
2587
- transform: translate3d(0, -5px, 0);
2588
- }
2589
- 100% {
2590
- -webkit-transform: translate3d(0, 0, 0);
2591
- transform: translate3d(0, 0, 0);
2592
- }
2593
- }
2594
- @keyframes flyInDown {
2595
- 0% {
2596
- opacity: 0;
2597
- -webkit-transform: translate3d(0, -1500px, 0);
2598
- transform: translate3d(0, -1500px, 0);
2599
- }
2600
- 60% {
2601
- opacity: 1;
2602
- -webkit-transform: translate3d(0, 25px, 0);
2603
- transform: translate3d(0, 25px, 0);
2604
- }
2605
- 75% {
2606
- -webkit-transform: translate3d(0, -10px, 0);
2607
- transform: translate3d(0, -10px, 0);
2608
- }
2609
- 90% {
2610
- -webkit-transform: translate3d(0, 5px, 0);
2611
- transform: translate3d(0, 5px, 0);
2612
- }
2613
- 100% {
2614
- -webkit-transform: none;
2615
- transform: none;
2616
- }
2617
- }
2618
- @keyframes flyInLeft {
2619
- 0% {
2620
- opacity: 0;
2621
- -webkit-transform: translate3d(1500px, 0, 0);
2622
- transform: translate3d(1500px, 0, 0);
2623
- }
2624
- 60% {
2625
- opacity: 1;
2626
- -webkit-transform: translate3d(-25px, 0, 0);
2627
- transform: translate3d(-25px, 0, 0);
2628
- }
2629
- 75% {
2630
- -webkit-transform: translate3d(10px, 0, 0);
2631
- transform: translate3d(10px, 0, 0);
2632
- }
2633
- 90% {
2634
- -webkit-transform: translate3d(-5px, 0, 0);
2635
- transform: translate3d(-5px, 0, 0);
2636
- }
2637
- 100% {
2638
- -webkit-transform: none;
2639
- transform: none;
2640
- }
2641
- }
2642
- @keyframes flyInRight {
2643
- 0% {
2644
- opacity: 0;
2645
- -webkit-transform: translate3d(-1500px, 0, 0);
2646
- transform: translate3d(-1500px, 0, 0);
2647
- }
2648
- 60% {
2649
- opacity: 1;
2650
- -webkit-transform: translate3d(25px, 0, 0);
2651
- transform: translate3d(25px, 0, 0);
2652
- }
2653
- 75% {
2654
- -webkit-transform: translate3d(-10px, 0, 0);
2655
- transform: translate3d(-10px, 0, 0);
2656
- }
2657
- 90% {
2658
- -webkit-transform: translate3d(5px, 0, 0);
2659
- transform: translate3d(5px, 0, 0);
2660
- }
2661
- 100% {
2662
- -webkit-transform: none;
2663
- transform: none;
2664
- }
2665
- }
2666
-
2667
- /* Out */
2668
- @keyframes flyOut {
2669
- 20% {
2670
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
2671
- transform: scale3d(0.9, 0.9, 0.9);
2672
- }
2673
- 50%,
2674
- 55% {
2675
- opacity: 1;
2676
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
2677
- transform: scale3d(1.1, 1.1, 1.1);
2678
- }
2679
- 100% {
2680
- opacity: 0;
2681
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
2682
- transform: scale3d(0.3, 0.3, 0.3);
2683
- }
2684
- }
2685
- @keyframes flyOutUp {
2686
- 20% {
2687
- -webkit-transform: translate3d(0, 10px, 0);
2688
- transform: translate3d(0, 10px, 0);
2689
- }
2690
- 40%,
2691
- 45% {
2692
- opacity: 1;
2693
- -webkit-transform: translate3d(0, -20px, 0);
2694
- transform: translate3d(0, -20px, 0);
2695
- }
2696
- 100% {
2697
- opacity: 0;
2698
- -webkit-transform: translate3d(0, 2000px, 0);
2699
- transform: translate3d(0, 2000px, 0);
2700
- }
2701
- }
2702
- @keyframes flyOutDown {
2703
- 20% {
2704
- -webkit-transform: translate3d(0, -10px, 0);
2705
- transform: translate3d(0, -10px, 0);
2706
- }
2707
- 40%,
2708
- 45% {
2709
- opacity: 1;
2710
- -webkit-transform: translate3d(0, 20px, 0);
2711
- transform: translate3d(0, 20px, 0);
2712
- }
2713
- 100% {
2714
- opacity: 0;
2715
- -webkit-transform: translate3d(0, -2000px, 0);
2716
- transform: translate3d(0, -2000px, 0);
2717
- }
2718
- }
2719
- @keyframes flyOutRight {
2720
- 20% {
2721
- opacity: 1;
2722
- -webkit-transform: translate3d(20px, 0, 0);
2723
- transform: translate3d(20px, 0, 0);
2724
- }
2725
- 100% {
2726
- opacity: 0;
2727
- -webkit-transform: translate3d(-2000px, 0, 0);
2728
- transform: translate3d(-2000px, 0, 0);
2729
- }
2730
- }
2731
- @keyframes flyOutLeft {
2732
- 20% {
2733
- opacity: 1;
2734
- -webkit-transform: translate3d(-20px, 0, 0);
2735
- transform: translate3d(-20px, 0, 0);
2736
- }
2737
- 100% {
2738
- opacity: 0;
2739
- -webkit-transform: translate3d(2000px, 0, 0);
2740
- transform: translate3d(2000px, 0, 0);
2741
- }
2742
- }
2743
-
2744
- /*--------------
2745
- Slide
2746
- ---------------*/
2747
-
2748
- .transition.slide.in,
2749
- .transition[class*="slide down"].in {
2750
- -webkit-animation-name: slideInY;
2751
- animation-name: slideInY;
2752
- -webkit-transform-origin: top center;
2753
- transform-origin: top center;
2754
- }
2755
- .transition[class*="slide up"].in {
2756
- -webkit-animation-name: slideInY;
2757
- animation-name: slideInY;
2758
- -webkit-transform-origin: bottom center;
2759
- transform-origin: bottom center;
2760
- }
2761
- .transition[class*="slide left"].in {
2762
- -webkit-animation-name: slideInX;
2763
- animation-name: slideInX;
2764
- -webkit-transform-origin: center right;
2765
- transform-origin: center right;
2766
- }
2767
- .transition[class*="slide right"].in {
2768
- -webkit-animation-name: slideInX;
2769
- animation-name: slideInX;
2770
- -webkit-transform-origin: center left;
2771
- transform-origin: center left;
2772
- }
2773
- .transition.slide.out,
2774
- .transition[class*="slide down"].out {
2775
- -webkit-animation-name: slideOutY;
2776
- animation-name: slideOutY;
2777
- -webkit-transform-origin: top center;
2778
- transform-origin: top center;
2779
- }
2780
- .transition[class*="slide up"].out {
2781
- -webkit-animation-name: slideOutY;
2782
- animation-name: slideOutY;
2783
- -webkit-transform-origin: bottom center;
2784
- transform-origin: bottom center;
2785
- }
2786
- .transition[class*="slide left"].out {
2787
- -webkit-animation-name: slideOutX;
2788
- animation-name: slideOutX;
2789
- -webkit-transform-origin: center right;
2790
- transform-origin: center right;
2791
- }
2792
- .transition[class*="slide right"].out {
2793
- -webkit-animation-name: slideOutX;
2794
- animation-name: slideOutX;
2795
- -webkit-transform-origin: center left;
2796
- transform-origin: center left;
2797
- }
2798
-
2799
- /* In */
2800
- @keyframes slideInY {
2801
- 0% {
2802
- opacity: 0;
2803
- -webkit-transform: scaleY(0);
2804
- transform: scaleY(0);
2805
- }
2806
- 100% {
2807
- opacity: 1;
2808
- -webkit-transform: scaleY(1);
2809
- transform: scaleY(1);
2810
- }
2811
- }
2812
- @keyframes slideInX {
2813
- 0% {
2814
- opacity: 0;
2815
- -webkit-transform: scaleX(0);
2816
- transform: scaleX(0);
2817
- }
2818
- 100% {
2819
- opacity: 1;
2820
- -webkit-transform: scaleX(1);
2821
- transform: scaleX(1);
2822
- }
2823
- }
2824
-
2825
- /* Out */
2826
- @keyframes slideOutY {
2827
- 0% {
2828
- opacity: 1;
2829
- -webkit-transform: scaleY(1);
2830
- transform: scaleY(1);
2831
- }
2832
- 100% {
2833
- opacity: 0;
2834
- -webkit-transform: scaleY(0);
2835
- transform: scaleY(0);
2836
- }
2837
- }
2838
- @keyframes slideOutX {
2839
- 0% {
2840
- opacity: 1;
2841
- -webkit-transform: scaleX(1);
2842
- transform: scaleX(1);
2843
- }
2844
- 100% {
2845
- opacity: 0;
2846
- -webkit-transform: scaleX(0);
2847
- transform: scaleX(0);
2848
- }
2849
- }
2850
-
2851
- /*--------------
2852
- Swing
2853
- ---------------*/
2854
-
2855
- .transition.swing {
2856
- -webkit-animation-duration: 800ms;
2857
- animation-duration: 800ms;
2858
- }
2859
- .transition[class*="swing down"].in {
2860
- -webkit-animation-name: swingInX;
2861
- animation-name: swingInX;
2862
- -webkit-transform-origin: top center;
2863
- transform-origin: top center;
2864
- }
2865
- .transition[class*="swing up"].in {
2866
- -webkit-animation-name: swingInX;
2867
- animation-name: swingInX;
2868
- -webkit-transform-origin: bottom center;
2869
- transform-origin: bottom center;
2870
- }
2871
- .transition[class*="swing left"].in {
2872
- -webkit-animation-name: swingInY;
2873
- animation-name: swingInY;
2874
- -webkit-transform-origin: center right;
2875
- transform-origin: center right;
2876
- }
2877
- .transition[class*="swing right"].in {
2878
- -webkit-animation-name: swingInY;
2879
- animation-name: swingInY;
2880
- -webkit-transform-origin: center left;
2881
- transform-origin: center left;
2882
- }
2883
- .transition.swing.out,
2884
- .transition[class*="swing down"].out {
2885
- -webkit-animation-name: swingOutX;
2886
- animation-name: swingOutX;
2887
- -webkit-transform-origin: top center;
2888
- transform-origin: top center;
2889
- }
2890
- .transition[class*="swing up"].out {
2891
- -webkit-animation-name: swingOutX;
2892
- animation-name: swingOutX;
2893
- -webkit-transform-origin: bottom center;
2894
- transform-origin: bottom center;
2895
- }
2896
- .transition[class*="swing left"].out {
2897
- -webkit-animation-name: swingOutY;
2898
- animation-name: swingOutY;
2899
- -webkit-transform-origin: center right;
2900
- transform-origin: center right;
2901
- }
2902
- .transition[class*="swing right"].out {
2903
- -webkit-animation-name: swingOutY;
2904
- animation-name: swingOutY;
2905
- -webkit-transform-origin: center left;
2906
- transform-origin: center left;
2907
- }
2908
-
2909
- /* In */
2910
- @keyframes swingInX {
2911
- 0% {
2912
- -webkit-transform: perspective(1000px) rotateX(90deg);
2913
- transform: perspective(1000px) rotateX(90deg);
2914
- opacity: 0;
2915
- }
2916
- 40% {
2917
- -webkit-transform: perspective(1000px) rotateX(-30deg);
2918
- transform: perspective(1000px) rotateX(-30deg);
2919
- opacity: 1;
2920
- }
2921
- 60% {
2922
- -webkit-transform: perspective(1000px) rotateX(15deg);
2923
- transform: perspective(1000px) rotateX(15deg);
2924
- }
2925
- 80% {
2926
- -webkit-transform: perspective(1000px) rotateX(-7.5deg);
2927
- transform: perspective(1000px) rotateX(-7.5deg);
2928
- }
2929
- 100% {
2930
- -webkit-transform: perspective(1000px) rotateX(0deg);
2931
- transform: perspective(1000px) rotateX(0deg);
2932
- }
2933
- }
2934
- @keyframes swingInY {
2935
- 0% {
2936
- -webkit-transform: perspective(1000px) rotateY(-90deg);
2937
- transform: perspective(1000px) rotateY(-90deg);
2938
- opacity: 0;
2939
- }
2940
- 40% {
2941
- -webkit-transform: perspective(1000px) rotateY(30deg);
2942
- transform: perspective(1000px) rotateY(30deg);
2943
- opacity: 1;
2944
- }
2945
- 60% {
2946
- -webkit-transform: perspective(1000px) rotateY(-17.5deg);
2947
- transform: perspective(1000px) rotateY(-17.5deg);
2948
- }
2949
- 80% {
2950
- -webkit-transform: perspective(1000px) rotateY(7.5deg);
2951
- transform: perspective(1000px) rotateY(7.5deg);
2952
- }
2953
- 100% {
2954
- -webkit-transform: perspective(1000px) rotateY(0deg);
2955
- transform: perspective(1000px) rotateY(0deg);
2956
- }
2957
- }
2958
-
2959
- /* Out */
2960
- @keyframes swingOutX {
2961
- 0% {
2962
- -webkit-transform: perspective(1000px) rotateX(0deg);
2963
- transform: perspective(1000px) rotateX(0deg);
2964
- }
2965
- 40% {
2966
- -webkit-transform: perspective(1000px) rotateX(-7.5deg);
2967
- transform: perspective(1000px) rotateX(-7.5deg);
2968
- }
2969
- 60% {
2970
- -webkit-transform: perspective(1000px) rotateX(17.5deg);
2971
- transform: perspective(1000px) rotateX(17.5deg);
2972
- }
2973
- 80% {
2974
- -webkit-transform: perspective(1000px) rotateX(-30deg);
2975
- transform: perspective(1000px) rotateX(-30deg);
2976
- opacity: 1;
2977
- }
2978
- 100% {
2979
- -webkit-transform: perspective(1000px) rotateX(90deg);
2980
- transform: perspective(1000px) rotateX(90deg);
2981
- opacity: 0;
2982
- }
2983
- }
2984
- @keyframes swingOutY {
2985
- 0% {
2986
- -webkit-transform: perspective(1000px) rotateY(0deg);
2987
- transform: perspective(1000px) rotateY(0deg);
2988
- }
2989
- 40% {
2990
- -webkit-transform: perspective(1000px) rotateY(7.5deg);
2991
- transform: perspective(1000px) rotateY(7.5deg);
2992
- }
2993
- 60% {
2994
- -webkit-transform: perspective(1000px) rotateY(-10deg);
2995
- transform: perspective(1000px) rotateY(-10deg);
2996
- }
2997
- 80% {
2998
- -webkit-transform: perspective(1000px) rotateY(30deg);
2999
- transform: perspective(1000px) rotateY(30deg);
3000
- opacity: 1;
3001
- }
3002
- 100% {
3003
- -webkit-transform: perspective(1000px) rotateY(-90deg);
3004
- transform: perspective(1000px) rotateY(-90deg);
3005
- opacity: 0;
3006
- }
3007
- }
3008
-
3009
- /*--------------
3010
- Zoom
3011
- ---------------*/
3012
-
3013
- .transition.zoom.in {
3014
- -webkit-animation-name: zoomIn;
3015
- animation-name: zoomIn;
3016
- }
3017
- .transition.zoom.out {
3018
- -webkit-animation-name: zoomOut;
3019
- animation-name: zoomOut;
3020
- }
3021
- @keyframes zoomIn {
3022
- 0% {
3023
- opacity: 1;
3024
- -webkit-transform: scale(0);
3025
- transform: scale(0);
3026
- }
3027
- 100% {
3028
- opacity: 1;
3029
- -webkit-transform: scale(1);
3030
- transform: scale(1);
3031
- }
3032
- }
3033
- @keyframes zoomOut {
3034
- 0% {
3035
- opacity: 1;
3036
- -webkit-transform: scale(1);
3037
- transform: scale(1);
3038
- }
3039
- 100% {
3040
- opacity: 1;
3041
- -webkit-transform: scale(0);
3042
- transform: scale(0);
3043
- }
3044
- }
3045
-
3046
-
3047
- /*******************************
3048
- Static Animations
3049
- *******************************/
3050
-
3051
-
3052
- /*--------------
3053
- Emphasis
3054
- ---------------*/
3055
-
3056
- .flash.transition {
3057
- -webkit-animation-duration: 750ms;
3058
- animation-duration: 750ms;
3059
- -webkit-animation-name: flash;
3060
- animation-name: flash;
3061
- }
3062
- .shake.transition {
3063
- -webkit-animation-duration: 750ms;
3064
- animation-duration: 750ms;
3065
- -webkit-animation-name: shake;
3066
- animation-name: shake;
3067
- }
3068
- .bounce.transition {
3069
- -webkit-animation-duration: 750ms;
3070
- animation-duration: 750ms;
3071
- -webkit-animation-name: bounce;
3072
- animation-name: bounce;
3073
- }
3074
- .tada.transition {
3075
- -webkit-animation-duration: 750ms;
3076
- animation-duration: 750ms;
3077
- -webkit-animation-name: tada;
3078
- animation-name: tada;
3079
- }
3080
- .pulse.transition {
3081
- -webkit-animation-duration: 500ms;
3082
- animation-duration: 500ms;
3083
- -webkit-animation-name: pulse;
3084
- animation-name: pulse;
3085
- }
3086
- .jiggle.transition {
3087
- -webkit-animation-duration: 750ms;
3088
- animation-duration: 750ms;
3089
- -webkit-animation-name: jiggle;
3090
- animation-name: jiggle;
3091
- }
3092
- .transition.glow {
3093
- -webkit-animation-duration: 2000ms;
3094
- animation-duration: 2000ms;
3095
- -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
3096
- animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
3097
- }
3098
- .transition.glow {
3099
- -webkit-animation-name: glow;
3100
- animation-name: glow;
3101
- }
3102
-
3103
- /* Flash */
3104
- @keyframes flash {
3105
- 0%,
3106
- 50%,
3107
- 100% {
3108
- opacity: 1;
3109
- }
3110
- 25%,
3111
- 75% {
3112
- opacity: 0;
3113
- }
3114
- }
3115
-
3116
- /* Shake */
3117
- @keyframes shake {
3118
- 0%,
3119
- 100% {
3120
- -webkit-transform: translateX(0);
3121
- transform: translateX(0);
3122
- }
3123
- 10%,
3124
- 30%,
3125
- 50%,
3126
- 70%,
3127
- 90% {
3128
- -webkit-transform: translateX(-10px);
3129
- transform: translateX(-10px);
3130
- }
3131
- 20%,
3132
- 40%,
3133
- 60%,
3134
- 80% {
3135
- -webkit-transform: translateX(10px);
3136
- transform: translateX(10px);
3137
- }
3138
- }
3139
-
3140
- /* Bounce */
3141
- @keyframes bounce {
3142
- 0%,
3143
- 20%,
3144
- 50%,
3145
- 80%,
3146
- 100% {
3147
- -webkit-transform: translateY(0);
3148
- transform: translateY(0);
3149
- }
3150
- 40% {
3151
- -webkit-transform: translateY(-30px);
3152
- transform: translateY(-30px);
3153
- }
3154
- 60% {
3155
- -webkit-transform: translateY(-15px);
3156
- transform: translateY(-15px);
3157
- }
3158
- }
3159
-
3160
- /* Tada */
3161
- @keyframes tada {
3162
- 0% {
3163
- -webkit-transform: scale(1);
3164
- transform: scale(1);
3165
- }
3166
- 10%,
3167
- 20% {
3168
- -webkit-transform: scale(0.9) rotate(-3deg);
3169
- transform: scale(0.9) rotate(-3deg);
3170
- }
3171
- 30%,
3172
- 50%,
3173
- 70%,
3174
- 90% {
3175
- -webkit-transform: scale(1.1) rotate(3deg);
3176
- transform: scale(1.1) rotate(3deg);
3177
- }
3178
- 40%,
3179
- 60%,
3180
- 80% {
3181
- -webkit-transform: scale(1.1) rotate(-3deg);
3182
- transform: scale(1.1) rotate(-3deg);
3183
- }
3184
- 100% {
3185
- -webkit-transform: scale(1) rotate(0);
3186
- transform: scale(1) rotate(0);
3187
- }
3188
- }
3189
-
3190
- /* Pulse */
3191
- @keyframes pulse {
3192
- 0% {
3193
- -webkit-transform: scale(1);
3194
- transform: scale(1);
3195
- opacity: 1;
3196
- }
3197
- 50% {
3198
- -webkit-transform: scale(0.9);
3199
- transform: scale(0.9);
3200
- opacity: 0.7;
3201
- }
3202
- 100% {
3203
- -webkit-transform: scale(1);
3204
- transform: scale(1);
3205
- opacity: 1;
3206
- }
3207
- }
3208
-
3209
- /* Jiggle */
3210
- @keyframes jiggle {
3211
- 0% {
3212
- -webkit-transform: scale3d(1, 1, 1);
3213
- transform: scale3d(1, 1, 1);
3214
- }
3215
- 30% {
3216
- -webkit-transform: scale3d(1.25, 0.75, 1);
3217
- transform: scale3d(1.25, 0.75, 1);
3218
- }
3219
- 40% {
3220
- -webkit-transform: scale3d(0.75, 1.25, 1);
3221
- transform: scale3d(0.75, 1.25, 1);
3222
- }
3223
- 50% {
3224
- -webkit-transform: scale3d(1.15, 0.85, 1);
3225
- transform: scale3d(1.15, 0.85, 1);
3226
- }
3227
- 65% {
3228
- -webkit-transform: scale3d(0.95, 1.05, 1);
3229
- transform: scale3d(0.95, 1.05, 1);
3230
- }
3231
- 75% {
3232
- -webkit-transform: scale3d(1.05, 0.95, 1);
3233
- transform: scale3d(1.05, 0.95, 1);
3234
- }
3235
- 100% {
3236
- -webkit-transform: scale3d(1, 1, 1);
3237
- transform: scale3d(1, 1, 1);
3238
- }
3239
- }
3240
-
3241
- /* Glow */
3242
- @keyframes glow {
3243
- 0% {
3244
- background-color: #FCFCFD;
3245
- }
3246
- 30% {
3247
- background-color: #FFF6CD;
3248
- }
3249
- 100% {
3250
- background-color: #FCFCFD;
3251
- }
3252
- }
3253
-
3254
-
3255
2055
  /*******************************
3256
2056
  Site Overrides
3257
2057
  *******************************/