semantic-ui-sass 2.1.8.0 → 2.2.0.0

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/CHANGELOG.md +8 -1
  3. data/app/assets/javascripts/semantic-ui.js +21465 -24
  4. data/app/assets/javascripts/semantic-ui/accordion.js +20 -6
  5. data/app/assets/javascripts/semantic-ui/api.js +41 -16
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +31 -9
  7. data/app/assets/javascripts/semantic-ui/colorize.js +233 -227
  8. data/app/assets/javascripts/semantic-ui/dimmer.js +27 -9
  9. data/app/assets/javascripts/semantic-ui/dropdown.js +485 -207
  10. data/app/assets/javascripts/semantic-ui/embed.js +50 -13
  11. data/app/assets/javascripts/semantic-ui/form.js +58 -23
  12. data/app/assets/javascripts/semantic-ui/modal.js +28 -13
  13. data/app/assets/javascripts/semantic-ui/nag.js +28 -7
  14. data/app/assets/javascripts/semantic-ui/popup.js +136 -76
  15. data/app/assets/javascripts/semantic-ui/progress.js +177 -62
  16. data/app/assets/javascripts/semantic-ui/rating.js +41 -8
  17. data/app/assets/javascripts/semantic-ui/search.js +109 -56
  18. data/app/assets/javascripts/semantic-ui/shape.js +52 -19
  19. data/app/assets/javascripts/semantic-ui/sidebar.js +21 -7
  20. data/app/assets/javascripts/semantic-ui/site.js +2 -2
  21. data/app/assets/javascripts/semantic-ui/state.js +20 -7
  22. data/app/assets/javascripts/semantic-ui/sticky.js +48 -19
  23. data/app/assets/javascripts/semantic-ui/tab.js +57 -27
  24. data/app/assets/javascripts/semantic-ui/transition.js +24 -8
  25. data/app/assets/javascripts/semantic-ui/video.js +6 -14
  26. data/app/assets/javascripts/semantic-ui/visibility.js +89 -22
  27. data/app/assets/javascripts/semantic-ui/visit.js +13 -5
  28. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +4 -5
  29. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +91 -85
  30. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +41 -37
  31. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +138 -94
  32. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +74 -55
  33. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +80 -68
  34. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +458 -305
  35. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -2
  36. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +2 -4
  37. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +2 -3
  38. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +46 -46
  39. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +812 -252
  40. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +7 -3
  41. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +35 -35
  42. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +127 -127
  43. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +37 -25
  44. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +101 -38
  45. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +24 -4
  46. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +9 -6
  47. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +92 -51
  48. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +42 -23
  49. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -6
  50. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +7 -9
  51. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +7 -6
  52. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +40 -37
  53. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +7 -8
  54. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +107 -88
  55. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +6 -7
  56. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +9 -10
  57. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +6 -7
  58. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +415 -36
  59. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +47 -48
  60. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +12 -13
  61. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +21 -21
  62. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +11 -8
  63. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -14
  64. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +2 -3
  65. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -2
  66. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -2
  67. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +2 -2
  68. data/app/assets/stylesheets/semantic-ui/views/_card.scss +62 -42
  69. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +2 -3
  70. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +5 -6
  71. data/app/assets/stylesheets/semantic-ui/views/_item.scss +11 -12
  72. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +44 -45
  73. data/app/helpers/semantic_icon_helper.rb +6 -3
  74. data/lib/semantic/ui/sass/engine.rb +5 -1
  75. data/lib/semantic/ui/sass/version.rb +2 -2
  76. data/spec/helpers/semantic_icon_helper_spec.rb +22 -10
  77. metadata +3 -3
@@ -1,9 +1,8 @@
1
1
  /*!
2
- * # Semantic UI 2.1.7 - List
2
+ * # Semantic UI 2.2.0 - List
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2015 Contributors
7
6
  * Released under the MIT license
8
7
  * http://opensource.org/licenses/MIT
9
8
  *
@@ -101,7 +100,7 @@ ol.ui.list ol li,
101
100
  padding-right: 0.28571429em;
102
101
  vertical-align: top;
103
102
  -webkit-transition: color 0.1s ease;
104
- transition: color 0.1s ease;
103
+ transition: color 0.1s ease;
105
104
  }
106
105
  .ui.list .list > .item > i.icon:only-child,
107
106
  .ui.list > .item > i.icon:only-child {
@@ -182,7 +181,7 @@ ol.ui.list ol li,
182
181
  .ui.list .list > a.item,
183
182
  .ui.list > a.item {
184
183
  cursor: pointer;
185
- color: #4183c4;
184
+ color: #4183C4;
186
185
  }
187
186
  .ui.list .list > a.item:hover,
188
187
  .ui.list > a.item:hover {
@@ -199,7 +198,7 @@ ol.ui.list ol li,
199
198
  .ui.list .list > .item a.header,
200
199
  .ui.list > .item a.header {
201
200
  cursor: pointer;
202
- color: #4183c4 !important;
201
+ color: #4183C4 !important;
203
202
  }
204
203
  .ui.list .list > .item a.header:hover,
205
204
  .ui.list > .item a.header:hover {
@@ -407,7 +406,7 @@ ol.ui.list ol li,
407
406
  .ui.link.list .item a:not(.ui) {
408
407
  color: rgba(0, 0, 0, 0.4);
409
408
  -webkit-transition: 0.1s color ease;
410
- transition: 0.1s color ease;
409
+ transition: 0.1s color ease;
411
410
  }
412
411
  .ui.link.list a.item:hover,
413
412
  .ui.link.list .item a:not(.ui):hover {
@@ -454,7 +453,7 @@ ol.ui.list ol li,
454
453
  color: rgba(0, 0, 0, 0.4);
455
454
  border-radius: 0.5em;
456
455
  -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
457
- transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
456
+ transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
458
457
  }
459
458
  .ui.selection.list .list > .item:last-child,
460
459
  .ui.selection.list > .item:last-child {
@@ -512,7 +511,7 @@ ol.ui.list ol li,
512
511
 
513
512
  .ui.animated.list > .item {
514
513
  -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
515
- transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
514
+ transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
516
515
  }
517
516
  .ui.animated.list:not(.horizontal) > .item:hover {
518
517
  padding-left: 1em;
@@ -557,12 +556,18 @@ ul.ui.list li:before,
557
556
  position: absolute;
558
557
  top: auto;
559
558
  left: auto;
559
+ font-weight: normal;
560
560
  margin-left: -1.25rem;
561
561
  content: '•';
562
562
  opacity: 1;
563
563
  color: inherit;
564
564
  vertical-align: top;
565
565
  }
566
+ ul.ui.list li:before,
567
+ .ui.bulleted.list .list > a.item:before,
568
+ .ui.bulleted.list > a.item:before {
569
+ color: rgba(0, 0, 0, 0.87);
570
+ }
566
571
  ul.ui.list ul,
567
572
  .ui.bulleted.list .list {
568
573
  padding-left: 1.25rem;
@@ -725,12 +730,16 @@ ol.ui.horizontal.list li:before,
725
730
  .ui.divided.horizontal.list {
726
731
  margin-left: 0em;
727
732
  }
733
+ .ui.divided.horizontal.list > .item:not(:first-child) {
734
+ padding-left: 0.5em;
735
+ }
736
+ .ui.divided.horizontal.list > .item:not(:last-child) {
737
+ padding-right: 0.5em;
738
+ }
728
739
  .ui.divided.horizontal.list > .item {
729
740
  border-top: none;
730
741
  border-left: 1px solid rgba(34, 36, 38, 0.15);
731
742
  margin: 0em;
732
- padding-left: 0.5em;
733
- padding-right: 0.5em;
734
743
  line-height: 0.6;
735
744
  }
736
745
  .ui.horizontal.divided.list > .item:first-child {
@@ -837,31 +846,34 @@ ol.ui.horizontal.list li:before,
837
846
  Relaxed
838
847
  --------------------*/
839
848
 
840
- .ui.relaxed.list:not(.horizontal) > .item {
849
+ .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
841
850
  padding-top: 0.42857143em;
842
- padding-bottom: 0.42857143em;
843
851
  }
844
- .ui.relaxed.list:not(.horizontal) .list > .item {
845
- padding-top: 0.21428571em;
846
- padding-bottom: 0.21428571em;
852
+ .ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
853
+ padding-bottom: 0.42857143em;
847
854
  }
848
- .ui.horizontal.relaxed.list > .item {
855
+ .ui.horizontal.relaxed.list .list > .item:not(:first-child),
856
+ .ui.horizontal.relaxed.list > .item:not(:first-child) {
849
857
  padding-left: 1rem;
858
+ }
859
+ .ui.horizontal.relaxed.list .list > .item:not(:last-child),
860
+ .ui.horizontal.relaxed.list > .item:not(:last-child) {
850
861
  padding-right: 1rem;
851
862
  }
852
863
 
853
864
  /* Very Relaxed */
854
- .ui[class*="very relaxed"].list:not(.horizontal) > .item {
865
+ .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
855
866
  padding-top: 0.85714286em;
856
- padding-bottom: 0.85714286em;
857
867
  }
858
- .ui[class*="very relaxed"].list:not(.horizontal) .list > .item {
859
- padding-top: 0.28571429em;
860
- padding-bottom: 0.28571429em;
868
+ .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
869
+ padding-bottom: 0.85714286em;
861
870
  }
862
- .ui.horizontal[class*="very relaxed"].list .list > .item,
863
- .ui.horizontal[class*="very relaxed"].list > .item {
871
+ .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
872
+ .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
864
873
  padding-left: 1.5rem;
874
+ }
875
+ .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
876
+ .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
865
877
  padding-right: 1.5rem;
866
878
  }
867
879
 
@@ -870,7 +882,7 @@ ol.ui.horizontal.list li:before,
870
882
  --------------------*/
871
883
 
872
884
  .ui.mini.list {
873
- font-size: 0.71428571em;
885
+ font-size: 0.78571429em;
874
886
  }
875
887
  .ui.tiny.list {
876
888
  font-size: 0.85714286em;
@@ -895,7 +907,7 @@ ol.ui.horizontal.list li:before,
895
907
  }
896
908
  .ui.mini.horizontal.list .list > .item,
897
909
  .ui.mini.horizontal.list > .item {
898
- font-size: 0.71428571rem;
910
+ font-size: 0.78571429rem;
899
911
  }
900
912
  .ui.tiny.horizontal.list .list > .item,
901
913
  .ui.tiny.horizontal.list > .item {
@@ -1,9 +1,8 @@
1
1
  /*!
2
- * # Semantic UI 2.1.7 - Loader
2
+ * # Semantic UI 2.2.0 - Loader
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2015 Contributors
7
6
  * Released under the MIT license
8
7
  * http://opensource.org/licenses/MIT
9
8
  *
@@ -83,29 +82,53 @@
83
82
  }
84
83
 
85
84
  /* Sizes */
86
- .ui.loader:before,
87
- .ui.loader:after {
88
- width: 2.2585em;
89
- height: 2.2585em;
90
- margin: 0em 0em 0em -1.12925em;
91
- }
92
85
  .ui.mini.loader:before,
93
86
  .ui.mini.loader:after {
94
- width: 1.2857em;
95
- height: 1.2857em;
96
- margin: 0em 0em 0em -0.64285em;
87
+ width: 1rem;
88
+ height: 1rem;
89
+ margin: 0em 0em 0em -0.5rem;
90
+ }
91
+ .ui.tiny.loader:before,
92
+ .ui.tiny.loader:after {
93
+ width: 1.14285714rem;
94
+ height: 1.14285714rem;
95
+ margin: 0em 0em 0em -0.57142857rem;
97
96
  }
98
97
  .ui.small.loader:before,
99
98
  .ui.small.loader:after {
100
- width: 1.7142em;
101
- height: 1.7142em;
102
- margin: 0em 0em 0em -0.8571em;
99
+ width: 1.71428571rem;
100
+ height: 1.71428571rem;
101
+ margin: 0em 0em 0em -0.85714286rem;
102
+ }
103
+ .ui.loader:before,
104
+ .ui.loader:after {
105
+ width: 2.28571429rem;
106
+ height: 2.28571429rem;
107
+ margin: 0em 0em 0em -1.14285714rem;
103
108
  }
104
109
  .ui.large.loader:before,
105
110
  .ui.large.loader:after {
106
- width: 4.5714em;
107
- height: 4.5714em;
108
- margin: 0em 0em 0em -2.2857em;
111
+ width: 3.42857143rem;
112
+ height: 3.42857143rem;
113
+ margin: 0em 0em 0em -1.71428571rem;
114
+ }
115
+ .ui.big.loader:before,
116
+ .ui.big.loader:after {
117
+ width: 3.71428571rem;
118
+ height: 3.71428571rem;
119
+ margin: 0em 0em 0em -1.85714286rem;
120
+ }
121
+ .ui.huge.loader:before,
122
+ .ui.huge.loader:after {
123
+ width: 4.14285714rem;
124
+ height: 4.14285714rem;
125
+ margin: 0em 0em 0em -2.07142857rem;
126
+ }
127
+ .ui.massive.loader:before,
128
+ .ui.massive.loader:after {
129
+ width: 4.57142857rem;
130
+ height: 4.57142857rem;
131
+ margin: 0em 0em 0em -2.28571429rem;
109
132
  }
110
133
 
111
134
  /*-------------------
@@ -126,7 +149,7 @@
126
149
  border-color: rgba(255, 255, 255, 0.15);
127
150
  }
128
151
  .ui.dimmer .ui.loader:after {
129
- border-color: #ffffff transparent transparent;
152
+ border-color: #FFFFFF transparent transparent;
130
153
  }
131
154
 
132
155
  /* White Dimmer (Inverted) */
@@ -191,45 +214,85 @@
191
214
  /* Loader */
192
215
  .ui.inverted.dimmer .ui.mini.loader,
193
216
  .ui.mini.loader {
194
- width: 1.2857em;
195
- height: 1.2857em;
196
- font-size: 0.71428571em;
217
+ width: 1rem;
218
+ height: 1rem;
219
+ font-size: 0.78571429em;
220
+ }
221
+ .ui.inverted.dimmer .ui.tiny.loader,
222
+ .ui.tiny.loader {
223
+ width: 1.14285714rem;
224
+ height: 1.14285714rem;
225
+ font-size: 0.85714286em;
197
226
  }
198
227
  .ui.inverted.dimmer .ui.small.loader,
199
228
  .ui.small.loader {
200
- width: 1.7142em;
201
- height: 1.7142em;
229
+ width: 1.71428571rem;
230
+ height: 1.71428571rem;
202
231
  font-size: 0.92857143em;
203
232
  }
204
233
  .ui.inverted.dimmer .ui.loader,
205
234
  .ui.loader {
206
- width: 2.2585em;
207
- height: 2.2585em;
235
+ width: 2.28571429rem;
236
+ height: 2.28571429rem;
208
237
  font-size: 1em;
209
238
  }
210
- .ui.inverted.dimmer .ui.loader.large,
211
- .ui.loader.large {
212
- width: 4.5714em;
213
- height: 4.5714em;
239
+ .ui.inverted.dimmer .ui.large.loader,
240
+ .ui.large.loader {
241
+ width: 3.42857143rem;
242
+ height: 3.42857143rem;
214
243
  font-size: 1.14285714em;
215
244
  }
245
+ .ui.inverted.dimmer .ui.big.loader,
246
+ .ui.big.loader {
247
+ width: 3.71428571rem;
248
+ height: 3.71428571rem;
249
+ font-size: 1.28571429em;
250
+ }
251
+ .ui.inverted.dimmer .ui.huge.loader,
252
+ .ui.huge.loader {
253
+ width: 4.14285714rem;
254
+ height: 4.14285714rem;
255
+ font-size: 1.42857143em;
256
+ }
257
+ .ui.inverted.dimmer .ui.massive.loader,
258
+ .ui.massive.loader {
259
+ width: 4.57142857rem;
260
+ height: 4.57142857rem;
261
+ font-size: 1.71428571em;
262
+ }
216
263
 
217
264
  /* Text Loader */
218
265
  .ui.mini.text.loader {
219
- min-width: 1.2857em;
220
- padding-top: 1.99998571em;
266
+ min-width: 1rem;
267
+ padding-top: 1.78571429rem;
268
+ }
269
+ .ui.tiny.text.loader {
270
+ min-width: 1.14285714rem;
271
+ padding-top: 1.92857143rem;
221
272
  }
222
273
  .ui.small.text.loader {
223
- min-width: 1.7142em;
224
- padding-top: 2.42848571em;
274
+ min-width: 1.71428571rem;
275
+ padding-top: 2.5rem;
225
276
  }
226
277
  .ui.text.loader {
227
- min-width: 2.2585em;
228
- padding-top: 2.97278571em;
278
+ min-width: 2.28571429rem;
279
+ padding-top: 3.07142857rem;
229
280
  }
230
281
  .ui.large.text.loader {
231
- min-width: 4.5714em;
232
- padding-top: 5.28568571em;
282
+ min-width: 3.42857143rem;
283
+ padding-top: 4.21428571rem;
284
+ }
285
+ .ui.big.text.loader {
286
+ min-width: 3.71428571rem;
287
+ padding-top: 4.5rem;
288
+ }
289
+ .ui.huge.text.loader {
290
+ min-width: 4.14285714rem;
291
+ padding-top: 4.92857143rem;
292
+ }
293
+ .ui.massive.text.loader {
294
+ min-width: 4.57142857rem;
295
+ padding-top: 5.35714286rem;
233
296
  }
234
297
 
235
298
  /*-------------------
@@ -243,7 +306,7 @@
243
306
  border-color: rgba(255, 255, 255, 0.15);
244
307
  }
245
308
  .ui.inverted.loader:after {
246
- border-top-color: #ffffff;
309
+ border-top-color: #FFFFFF;
247
310
  }
248
311
 
249
312
  /*-------------------
@@ -1,9 +1,8 @@
1
1
  /*!
2
- * # Semantic UI 2.1.7 - Rail
2
+ * # Semantic UI 2.2.0 - Rail
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2015 Contributors
7
6
  * Released under the MIT license
8
7
  * http://opensource.org/licenses/MIT
9
8
  *
@@ -79,7 +78,7 @@
79
78
  ---------------*/
80
79
 
81
80
  .ui.close.rail {
82
- width: 301px;
81
+ width: calc( 300px + 1em );
83
82
  }
84
83
  .ui.close.left.rail {
85
84
  padding: 0em 1em 0em 0em;
@@ -90,7 +89,7 @@
90
89
  margin: 0em 0em 0em 1em;
91
90
  }
92
91
  .ui.very.close.rail {
93
- width: 300.5px;
92
+ width: calc( 300px + 0.5em );
94
93
  }
95
94
  .ui.very.close.left.rail {
96
95
  padding: 0em 0.5em 0em 0em;
@@ -115,9 +114,30 @@
115
114
  Sizing
116
115
  ---------------*/
117
116
 
117
+ .ui.mini.rail {
118
+ font-size: 0.78571429rem;
119
+ }
120
+ .ui.tiny.rail {
121
+ font-size: 0.85714286rem;
122
+ }
123
+ .ui.small.rail {
124
+ font-size: 0.92857143rem;
125
+ }
118
126
  .ui.rail {
119
127
  font-size: 1rem;
120
128
  }
129
+ .ui.large.rail {
130
+ font-size: 1.14285714rem;
131
+ }
132
+ .ui.big.rail {
133
+ font-size: 1.28571429rem;
134
+ }
135
+ .ui.huge.rail {
136
+ font-size: 1.42857143rem;
137
+ }
138
+ .ui.massive.rail {
139
+ font-size: 1.71428571rem;
140
+ }
121
141
 
122
142
 
123
143
  /*******************************
@@ -1,9 +1,8 @@
1
1
  /*!
2
- * # Semantic UI 2.1.7 - Reveal
2
+ * # Semantic UI 2.2.0 - Reveal
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2015 Contributors
7
6
  * Released under the MIT license
8
7
  * http://opensource.org/licenses/MIT
9
8
  *
@@ -25,7 +24,7 @@
25
24
  left: 0em !important;
26
25
  z-index: 3 !important;
27
26
  -webkit-transition: all 0.5s ease 0.1s;
28
- transition: all 0.5s ease 0.1s;
27
+ transition: all 0.5s ease 0.1s;
29
28
  }
30
29
  .ui.reveal > .hidden.content {
31
30
  position: relative !important;
@@ -59,7 +58,9 @@
59
58
  float: left;
60
59
  margin: 0em;
61
60
  -webkit-transition: -webkit-transform 0.5s ease 0.1s;
62
- transition: transform 0.5s ease 0.1s;
61
+ transition: -webkit-transform 0.5s ease 0.1s;
62
+ transition: transform 0.5s ease 0.1s;
63
+ transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s;
63
64
  }
64
65
  .ui.slide.reveal > .visible.content {
65
66
  position: relative !important;
@@ -167,7 +168,9 @@
167
168
  float: left;
168
169
  margin: 0em;
169
170
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
170
- transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
171
+ transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
172
+ transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
173
+ transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
171
174
  }
172
175
  .ui.move.reveal > .visible.content {
173
176
  position: relative !important;
@@ -219,7 +222,7 @@
219
222
  -ms-transform-origin: bottom right;
220
223
  transform-origin: bottom right;
221
224
  }
222
- .ui.rotate.active.reveal > .visible.conten,
225
+ .ui.rotate.active.reveal > .visible.content,
223
226
  .ui.rotate.reveal:hover > .visible.content,
224
227
  .ui.rotate.right.active.reveal > .visible.content,
225
228
  .ui.rotate.right.reveal:hover > .visible.content {