fomantic-ui-sass 2.9.0 → 2.9.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (103) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
  3. data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
  4. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
  5. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
  6. data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
  7. data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
  8. data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
  9. data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
  10. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
  11. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
  12. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
  13. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
  14. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
  15. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
  16. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -0
  18. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  19. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  20. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  21. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  22. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  23. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  24. data/app/assets/javascripts/semantic-ui/accordion.js +569 -596
  25. data/app/assets/javascripts/semantic-ui/api.js +1158 -1180
  26. data/app/assets/javascripts/semantic-ui/calendar.js +1935 -1810
  27. data/app/assets/javascripts/semantic-ui/checkbox.js +843 -842
  28. data/app/assets/javascripts/semantic-ui/dimmer.js +707 -738
  29. data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4237
  30. data/app/assets/javascripts/semantic-ui/embed.js +646 -676
  31. data/app/assets/javascripts/semantic-ui/flyout.js +1515 -1466
  32. data/app/assets/javascripts/semantic-ui/form.js +2023 -2005
  33. data/app/assets/javascripts/semantic-ui/modal.js +1545 -1487
  34. data/app/assets/javascripts/semantic-ui/nag.js +521 -527
  35. data/app/assets/javascripts/semantic-ui/popup.js +1457 -1457
  36. data/app/assets/javascripts/semantic-ui/progress.js +970 -998
  37. data/app/assets/javascripts/semantic-ui/rating.js +508 -524
  38. data/app/assets/javascripts/semantic-ui/search.js +1521 -1535
  39. data/app/assets/javascripts/semantic-ui/shape.js +784 -811
  40. data/app/assets/javascripts/semantic-ui/sidebar.js +1062 -1100
  41. data/app/assets/javascripts/semantic-ui/site.js +437 -477
  42. data/app/assets/javascripts/semantic-ui/slider.js +1311 -1312
  43. data/app/assets/javascripts/semantic-ui/state.js +639 -658
  44. data/app/assets/javascripts/semantic-ui/sticky.js +848 -902
  45. data/app/assets/javascripts/semantic-ui/tab.js +903 -967
  46. data/app/assets/javascripts/semantic-ui/toast.js +911 -885
  47. data/app/assets/javascripts/semantic-ui/transition.js +1049 -1078
  48. data/app/assets/javascripts/semantic-ui/visibility.js +1214 -1246
  49. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
  50. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +246 -341
  51. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +185 -331
  52. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +272 -433
  53. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +127 -199
  54. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +549 -776
  55. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +711 -1123
  56. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +9 -8
  57. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +45 -63
  58. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +3556 -3556
  59. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +272 -270
  60. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +120 -144
  61. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +667 -747
  62. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
  63. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +358 -276
  64. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +361 -412
  65. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +51 -72
  66. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +69 -157
  67. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +24 -44
  68. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +17 -22
  69. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +46 -85
  70. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +150 -226
  71. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +79 -152
  72. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +33 -33
  73. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -15
  74. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +30 -43
  75. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +37 -55
  76. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +26 -29
  77. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +122 -193
  78. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +55 -174
  79. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +254 -388
  80. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +20 -31
  81. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +97 -143
  82. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +122 -156
  83. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
  84. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +426 -204
  85. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
  86. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +83 -124
  87. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +71 -100
  88. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
  89. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +105 -208
  90. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +93 -121
  91. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
  92. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +12 -16
  93. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +71 -149
  94. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
  95. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +36 -47
  96. data/app/assets/stylesheets/semantic-ui/views/_card.scss +221 -367
  97. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +43 -61
  98. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +37 -59
  99. data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -133
  100. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +77 -118
  101. data/lib/fomantic/ui/sass/version.rb +2 -2
  102. data/tasks/converter.rb +1 -1
  103. metadata +17 -1
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0 - Search
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.1 - Search
3
+ * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
6
6
  * Released under the MIT license
7
- * http://opensource.org/licenses/MIT
7
+ * https://opensource.org/licenses/MIT
8
8
  *
9
9
  */
10
10
 
@@ -27,49 +27,41 @@
27
27
  line-height: 1.21428571em;
28
28
  padding: 0.67857143em 1em;
29
29
  font-size: 1em;
30
- background: #FFFFFF;
30
+ background: #fff;
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;
42
38
  }
43
39
 
44
- /*--------------
40
+ /* --------------
45
41
  Icon
46
- ---------------*/
47
-
42
+ --------------- */
48
43
  .ui.search .prompt ~ .search.icon {
49
44
  cursor: pointer;
50
45
  }
51
46
 
52
- /*--------------
47
+ /* --------------
53
48
  Results
54
- ---------------*/
55
-
49
+ --------------- */
56
50
  .ui.search > .results {
57
51
  display: none;
58
52
  position: absolute;
59
53
  top: 100%;
60
54
  left: 0;
61
- -webkit-transform-origin: center top;
62
- transform-origin: center top;
55
+ transform-origin: center top;
63
56
  white-space: normal;
64
57
  text-align: left;
65
58
  text-transform: none;
66
- background: #FFFFFF;
59
+ background: #fff;
67
60
  margin-top: 0.5em;
68
61
  width: 18em;
69
62
  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);
72
- border: 1px solid #D4D4D5;
63
+ box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
64
+ border: 1px solid #d4d4d5;
73
65
  z-index: 998;
74
66
  }
75
67
  .ui.search > .results > :first-child {
@@ -79,10 +71,9 @@
79
71
  border-radius: 0 0 0.28571429rem 0.28571429rem;
80
72
  }
81
73
 
82
- /*--------------
74
+ /* --------------
83
75
  Result
84
- ---------------*/
85
-
76
+ --------------- */
86
77
  .ui.search > .results .result {
87
78
  cursor: pointer;
88
79
  display: block;
@@ -112,16 +103,15 @@
112
103
  height: 100%;
113
104
  }
114
105
 
115
- /*--------------
106
+ /* --------------
116
107
  Info
117
- ---------------*/
118
-
108
+ --------------- */
119
109
  .ui.search > .results .result .image + .content {
120
110
  margin: 0 6em 0 0;
121
111
  }
122
112
  .ui.search > .results .result .title {
123
113
  margin: -0.14285714em 0 0;
124
- font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
114
+ font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
125
115
  font-weight: bold;
126
116
  font-size: 1em;
127
117
  color: rgba(0, 0, 0, 0.85);
@@ -133,18 +123,17 @@
133
123
  }
134
124
  .ui.search > .results .result .price {
135
125
  float: right;
136
- color: #21BA45;
126
+ color: #21ba45;
137
127
  }
138
128
 
139
- /*--------------
129
+ /* --------------
140
130
  Message
141
- ---------------*/
142
-
131
+ --------------- */
143
132
  .ui.search > .results > .message {
144
133
  padding: 1em 1em;
145
134
  }
146
135
  .ui.search > .results > .message .header {
147
- font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
136
+ font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
148
137
  font-size: 1rem;
149
138
  font-weight: bold;
150
139
  color: rgba(0, 0, 0, 0.87);
@@ -159,7 +148,7 @@
159
148
  .ui.search > .results > .action {
160
149
  display: block;
161
150
  border-top: none;
162
- background: #F3F4F5;
151
+ background: #f3f4f5;
163
152
  padding: 0.92857143em 1em;
164
153
  color: rgba(0, 0, 0, 0.87);
165
154
  font-weight: bold;
@@ -172,23 +161,21 @@
172
161
  *******************************/
173
162
 
174
163
 
175
- /*--------------------
164
+ /* --------------------
176
165
  Focus
177
- ---------------------*/
178
-
166
+ --------------------- */
179
167
  .ui.search > .prompt:focus {
180
168
  border-color: rgba(34, 36, 38, 0.35);
181
- background: #FFFFFF;
169
+ background: #fff;
182
170
  color: rgba(0, 0, 0, 0.95);
183
171
  }
184
172
 
185
- /*--------------------
186
- Loading
187
- ---------------------*/
188
-
173
+ /* --------------------
174
+ Loading
175
+ --------------------- */
189
176
  .ui.loading.search .input > i.icon::before {
190
177
  position: absolute;
191
- content: '';
178
+ content: "";
192
179
  top: 50%;
193
180
  left: 50%;
194
181
  margin: -0.64285714em 0 0 -0.64285714em;
@@ -199,38 +186,34 @@
199
186
  }
200
187
  .ui.loading.search .input > i.icon::after {
201
188
  position: absolute;
202
- content: '';
189
+ content: "";
203
190
  top: 50%;
204
191
  left: 50%;
205
192
  margin: -0.64285714em 0 0 -0.64285714em;
206
193
  width: 1.28571429em;
207
194
  height: 1.28571429em;
208
- -webkit-animation: loader 0.6s infinite linear;
209
- animation: loader 0.6s infinite linear;
195
+ animation: loader 0.6s infinite linear;
210
196
  border: 0.2em solid #767676;
211
197
  border-radius: 500rem;
212
- -webkit-box-shadow: 0 0 0 1px transparent;
213
- box-shadow: 0 0 0 1px transparent;
198
+ box-shadow: 0 0 0 1px transparent;
214
199
  }
215
200
 
216
- /*--------------
201
+ /* --------------
217
202
  Hover
218
- ---------------*/
219
-
203
+ --------------- */
220
204
  .ui.search > .results .result:hover,
221
205
  .ui.category.search > .results .category .result:hover {
222
- background: #F9FAFB;
206
+ background: #f9fafb;
223
207
  }
224
208
  .ui.search .action:hover:not(div) {
225
- background: #E0E0E0;
209
+ background: #e0e0e0;
226
210
  }
227
211
 
228
- /*--------------
212
+ /* --------------
229
213
  Active
230
- ---------------*/
231
-
214
+ --------------- */
232
215
  .ui.category.search > .results .category.active {
233
- background: #F3F4F5;
216
+ background: #f3f4f5;
234
217
  }
235
218
  .ui.category.search > .results .category.active > .name {
236
219
  color: rgba(0, 0, 0, 0.87);
@@ -239,9 +222,8 @@
239
222
  .ui.category.search > .results .category .result.active {
240
223
  position: relative;
241
224
  border-left-color: rgba(34, 36, 38, 0.1);
242
- background: #F3F4F5;
243
- -webkit-box-shadow: none;
244
- box-shadow: none;
225
+ background: #f3f4f5;
226
+ box-shadow: none;
245
227
  }
246
228
  .ui.search > .results .result.active .title {
247
229
  color: rgba(0, 0, 0, 0.85);
@@ -250,10 +232,9 @@
250
232
  color: rgba(0, 0, 0, 0.85);
251
233
  }
252
234
 
253
- /*--------------------
254
- Disabled
255
- ----------------------*/
256
-
235
+ /* --------------------
236
+ Disabled
237
+ ---------------------- */
257
238
 
258
239
  /* Disabled */
259
240
  .ui.disabled.search {
@@ -268,10 +249,9 @@
268
249
  *******************************/
269
250
 
270
251
 
271
- /*--------------
272
- Selection
273
- ---------------*/
274
-
252
+ /* --------------
253
+ Selection
254
+ --------------- */
275
255
  .ui.search.selection .prompt {
276
256
  border-radius: 0.28571429rem;
277
257
  }
@@ -282,10 +262,9 @@
282
262
  position: absolute;
283
263
  left: auto;
284
264
  opacity: 0;
285
- color: '';
265
+ color: "";
286
266
  top: 0;
287
267
  right: 0;
288
- -webkit-transition: color 0.1s ease, opacity 0.1s ease;
289
268
  transition: color 0.1s ease, opacity 0.1s ease;
290
269
  }
291
270
  .ui.search.selection > .icon.input > .active.remove.icon {
@@ -298,13 +277,12 @@
298
277
  }
299
278
  .ui.search.selection > .icon.input > .remove.icon:hover {
300
279
  opacity: 1;
301
- color: #DB2828;
280
+ color: #db2828;
302
281
  }
303
282
 
304
- /*--------------
305
- Category
306
- ---------------*/
307
-
283
+ /* --------------
284
+ Category
285
+ --------------- */
308
286
  .ui.category.search .results {
309
287
  width: 28em;
310
288
  }
@@ -316,10 +294,8 @@
316
294
  /* Category */
317
295
  .ui.category.search > .results .category {
318
296
  display: table-row;
319
- background: #F3F4F5;
320
- -webkit-box-shadow: none;
321
- box-shadow: none;
322
- -webkit-transition: background 0.1s ease, border-color 0.1s ease;
297
+ background: #f3f4f5;
298
+ box-shadow: none;
323
299
  transition: background 0.1s ease, border-color 0.1s ease;
324
300
  }
325
301
 
@@ -343,7 +319,7 @@
343
319
  width: 100px;
344
320
  white-space: nowrap;
345
321
  background: transparent;
346
- font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
322
+ font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
347
323
  font-size: 1em;
348
324
  padding: 0.4em 1em;
349
325
  font-weight: bold;
@@ -354,13 +330,12 @@
354
330
  /* Category Result */
355
331
  .ui.category.search > .results .category .results {
356
332
  display: table-cell;
357
- background: #FFFFFF;
333
+ background: #fff;
358
334
  border-left: 1px solid rgba(34, 36, 38, 0.15);
359
335
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
360
336
  }
361
337
  .ui.category.search > .results .category .result {
362
338
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
363
- -webkit-transition: background 0.1s ease, border-color 0.1s ease;
364
339
  transition: background 0.1s ease, border-color 0.1s ease;
365
340
  padding: 0.85714286em 1.14285714em;
366
341
  }
@@ -371,18 +346,18 @@
371
346
  *******************************/
372
347
 
373
348
 
374
- /*-------------------
375
- Scrolling
376
- --------------------*/
377
-
349
+ /* -------------------
350
+ Scrolling
351
+ -------------------- */
378
352
  .ui.scrolling.search > .results,
379
353
  .ui.search.long > .results,
380
354
  .ui.search.short > .results {
381
355
  overflow-x: hidden;
382
356
  overflow-y: auto;
357
+ -ms-scroll-chaining: none;
358
+ overscroll-behavior: none;
383
359
  -webkit-backface-visibility: hidden;
384
360
  backface-visibility: hidden;
385
- -webkit-overflow-scrolling: touch;
386
361
  }
387
362
  @media only screen and (max-width: 767.98px) {
388
363
  .ui.scrolling.search > .results {
@@ -461,10 +436,9 @@
461
436
  }
462
437
  }
463
438
 
464
- /*-------------------
465
- Left / Right
466
- --------------------*/
467
-
439
+ /* -------------------
440
+ Left / Right
441
+ -------------------- */
468
442
  .ui[class*="left aligned"].search > .results {
469
443
  right: auto;
470
444
  left: 0;
@@ -474,18 +448,16 @@
474
448
  left: auto;
475
449
  }
476
450
 
477
- /*--------------
451
+ /* --------------
478
452
  Fluid
479
- ---------------*/
480
-
453
+ --------------- */
481
454
  .ui.fluid.search .results {
482
455
  width: 100%;
483
456
  }
484
457
 
485
- /*--------------
458
+ /* --------------
486
459
  Sizes
487
- ---------------*/
488
-
460
+ --------------- */
489
461
  .ui.search {
490
462
  font-size: 1em;
491
463
  }
@@ -511,10 +483,9 @@
511
483
  font-size: 1.71428571em;
512
484
  }
513
485
 
514
- /*--------------
486
+ /* --------------
515
487
  Mobile
516
- ---------------*/
517
-
488
+ --------------- */
518
489
  @media only screen and (max-width: 767.98px) {
519
490
  .ui.search .results {
520
491
  max-width: calc(100vw - 2rem);
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0 - Shape
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.1 - Shape
3
+ * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
6
6
  * Released under the MIT license
7
- * http://opensource.org/licenses/MIT
7
+ * https://opensource.org/licenses/MIT
8
8
  *
9
9
  */
10
10
 
@@ -17,17 +17,12 @@
17
17
  position: relative;
18
18
  vertical-align: top;
19
19
  display: inline-block;
20
- -webkit-perspective: 2000px;
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
- 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;
20
+ perspective: 2000px;
24
21
  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
- 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;
26
22
  }
27
23
  .ui.shape .side,
28
24
  .ui.shape .sides {
29
- -webkit-transform-style: preserve-3d;
30
- transform-style: preserve-3d;
25
+ transform-style: preserve-3d;
31
26
  }
32
27
  .ui.shape .side {
33
28
  display: none;
@@ -51,10 +46,9 @@
51
46
  min-width: 15em;
52
47
  height: 15em;
53
48
  padding: 2em;
54
- background-color: #E6E6E6;
49
+ background-color: #e6e6e6;
55
50
  color: rgba(0, 0, 0, 0.87);
56
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
57
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
51
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
58
52
  }
59
53
  .ui.cube.shape .side > .content {
60
54
  width: 100%;
@@ -62,7 +56,6 @@
62
56
  display: table;
63
57
  text-align: center;
64
58
  -webkit-user-select: text;
65
- -moz-user-select: text;
66
59
  -ms-user-select: text;
67
60
  user-select: text;
68
61
  }
@@ -93,20 +86,18 @@
93
86
  *******************************/
94
87
 
95
88
 
96
- /*--------------
97
- Loading
98
- ---------------*/
99
-
89
+ /* --------------
90
+ Loading
91
+ --------------- */
100
92
  .ui.loading.shape {
101
93
  position: absolute;
102
94
  top: -9999px;
103
95
  left: -9999px;
104
96
  }
105
97
 
106
- /*--------------
98
+ /* --------------
107
99
  Animating
108
- ---------------*/
109
-
100
+ --------------- */
110
101
  .ui.shape .animating.side {
111
102
  position: absolute;
112
103
  top: 0;
@@ -118,31 +109,24 @@
118
109
  opacity: 0.6;
119
110
  }
120
111
 
121
- /*--------------
112
+ /* --------------
122
113
  CSS
123
- ---------------*/
124
-
114
+ --------------- */
125
115
  .ui.shape.animating .sides {
126
116
  position: absolute;
127
- -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;
128
- 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;
129
117
  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;
130
- 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;
131
118
  }
132
119
  .ui.shape.animating .side {
133
- -webkit-transition: opacity 0.6s ease-in-out;
134
120
  transition: opacity 0.6s ease-in-out;
135
121
  }
136
122
  .ui.shape .animating.side *,
137
123
  .ui.shape.animating .side * {
138
- -webkit-transition: none;
139
124
  transition: none;
140
125
  }
141
126
 
142
- /*--------------
127
+ /* --------------
143
128
  Active
144
- ---------------*/
145
-
129
+ --------------- */
146
130
  .ui.shape .active.side {
147
131
  display: block;
148
132
  }