fomantic-ui-sass 2.9.2 → 2.9.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/accordion.js +1 -5
  4. data/app/assets/javascripts/semantic-ui/api.js +22 -15
  5. data/app/assets/javascripts/semantic-ui/calendar.js +1 -6
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +4 -6
  7. data/app/assets/javascripts/semantic-ui/dimmer.js +1 -5
  8. data/app/assets/javascripts/semantic-ui/dropdown.js +56 -33
  9. data/app/assets/javascripts/semantic-ui/embed.js +1 -6
  10. data/app/assets/javascripts/semantic-ui/flyout.js +40 -58
  11. data/app/assets/javascripts/semantic-ui/form.js +102 -53
  12. data/app/assets/javascripts/semantic-ui/modal.js +45 -33
  13. data/app/assets/javascripts/semantic-ui/nag.js +17 -9
  14. data/app/assets/javascripts/semantic-ui/popup.js +27 -19
  15. data/app/assets/javascripts/semantic-ui/progress.js +1 -6
  16. data/app/assets/javascripts/semantic-ui/rating.js +1 -5
  17. data/app/assets/javascripts/semantic-ui/search.js +4 -7
  18. data/app/assets/javascripts/semantic-ui/shape.js +1 -5
  19. data/app/assets/javascripts/semantic-ui/sidebar.js +15 -38
  20. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  21. data/app/assets/javascripts/semantic-ui/slider.js +130 -34
  22. data/app/assets/javascripts/semantic-ui/state.js +23 -20
  23. data/app/assets/javascripts/semantic-ui/sticky.js +17 -16
  24. data/app/assets/javascripts/semantic-ui/tab.js +18 -8
  25. data/app/assets/javascripts/semantic-ui/toast.js +17 -9
  26. data/app/assets/javascripts/semantic-ui/transition.js +2 -6
  27. data/app/assets/javascripts/semantic-ui/visibility.js +15 -6
  28. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +53 -20
  30. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +107 -107
  31. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +13 -7
  32. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +65 -1
  34. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +2 -2
  35. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +62 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +697 -249
  38. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -2
  39. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +62 -62
  41. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  42. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -27
  43. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +21 -2
  44. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
  45. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +282 -282
  46. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +161 -34
  50. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +145 -8
  56. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +50 -6
  57. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  58. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +119 -26
  59. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  60. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +10 -3
  62. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +41 -40
  64. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  65. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  66. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +26 -1
  67. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  68. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  69. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +1 -1
  70. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  71. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  72. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +6 -1
  73. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  74. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  75. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  76. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -1
  77. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +486 -5
  78. data/app/assets/stylesheets/semantic-ui/views/_item.scss +6 -1
  79. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  80. data/lib/fomantic/ui/sass/version.rb +2 -2
  81. metadata +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Flag
2
+ * # Fomantic-UI 2.9.3 - Flag
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -307,7 +307,8 @@ i.flag.cyprus::before {
307
307
  background-image: url("https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/1f1e8-1f1fe.svg");
308
308
  }
309
309
  i.flag.cz::before,
310
- i.flag.czechia::before {
310
+ i.flag.czechia::before,
311
+ i.flag.czech.republic::before {
311
312
  background-image: url("https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/1f1e8-1f1ff.svg");
312
313
  }
313
314
  i.flag.dk::before,
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Header
2
+ * # Fomantic-UI 2.9.3 - Header
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Icon
2
+ * # Fomantic-UI 2.9.3 - Icon
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -61,7 +61,7 @@ i.icon {
61
61
  backface-visibility: hidden;
62
62
  }
63
63
  i.icon::before {
64
- background: none !important;
64
+ background: none;
65
65
  }
66
66
 
67
67
 
@@ -284,196 +284,196 @@ i.inverted.icon {
284
284
  /* -------------------
285
285
  Colors
286
286
  -------------------- */
287
- i.primary.icon.icon.icon.icon.icon {
287
+ i.primary.icon.icon.icon.icon.icon.icon {
288
288
  color: #2185d0;
289
289
  }
290
- i.inverted.primary.icon.icon.icon.icon.icon {
290
+ i.inverted.primary.icon.icon.icon.icon.icon.icon {
291
291
  color: #54c8ff;
292
292
  }
293
- i.inverted.bordered.primary.icon.icon.icon.icon.icon,
294
- i.inverted.circular.primary.icon.icon.icon.icon.icon,
293
+ i.inverted.bordered.primary.icon.icon.icon.icon.icon.icon,
294
+ i.inverted.circular.primary.icon.icon.icon.icon.icon.icon,
295
295
  i.inverted.bordered.primary.icons,
296
296
  i.inverted.circular.primary.icons {
297
297
  background-color: #2185d0;
298
298
  color: #fff;
299
299
  }
300
- i.secondary.icon.icon.icon.icon.icon {
300
+ i.secondary.icon.icon.icon.icon.icon.icon {
301
301
  color: #1b1c1d;
302
302
  }
303
- i.inverted.secondary.icon.icon.icon.icon.icon {
303
+ i.inverted.secondary.icon.icon.icon.icon.icon.icon {
304
304
  color: #545454;
305
305
  }
306
- i.inverted.bordered.secondary.icon.icon.icon.icon.icon,
307
- i.inverted.circular.secondary.icon.icon.icon.icon.icon,
306
+ i.inverted.bordered.secondary.icon.icon.icon.icon.icon.icon,
307
+ i.inverted.circular.secondary.icon.icon.icon.icon.icon.icon,
308
308
  i.inverted.bordered.secondary.icons,
309
309
  i.inverted.circular.secondary.icons {
310
310
  background-color: #1b1c1d;
311
311
  color: #fff;
312
312
  }
313
- i.red.icon.icon.icon.icon.icon {
313
+ i.red.icon.icon.icon.icon.icon.icon {
314
314
  color: #db2828;
315
315
  }
316
- i.inverted.red.icon.icon.icon.icon.icon {
316
+ i.inverted.red.icon.icon.icon.icon.icon.icon {
317
317
  color: #ff695e;
318
318
  }
319
- i.inverted.bordered.red.icon.icon.icon.icon.icon,
320
- i.inverted.circular.red.icon.icon.icon.icon.icon,
319
+ i.inverted.bordered.red.icon.icon.icon.icon.icon.icon,
320
+ i.inverted.circular.red.icon.icon.icon.icon.icon.icon,
321
321
  i.inverted.bordered.red.icons,
322
322
  i.inverted.circular.red.icons {
323
323
  background-color: #db2828;
324
324
  color: #fff;
325
325
  }
326
- i.orange.icon.icon.icon.icon.icon {
326
+ i.orange.icon.icon.icon.icon.icon.icon {
327
327
  color: #f2711c;
328
328
  }
329
- i.inverted.orange.icon.icon.icon.icon.icon {
329
+ i.inverted.orange.icon.icon.icon.icon.icon.icon {
330
330
  color: #ff851b;
331
331
  }
332
- i.inverted.bordered.orange.icon.icon.icon.icon.icon,
333
- i.inverted.circular.orange.icon.icon.icon.icon.icon,
332
+ i.inverted.bordered.orange.icon.icon.icon.icon.icon.icon,
333
+ i.inverted.circular.orange.icon.icon.icon.icon.icon.icon,
334
334
  i.inverted.bordered.orange.icons,
335
335
  i.inverted.circular.orange.icons {
336
336
  background-color: #f2711c;
337
337
  color: #fff;
338
338
  }
339
- i.yellow.icon.icon.icon.icon.icon {
339
+ i.yellow.icon.icon.icon.icon.icon.icon {
340
340
  color: #fbbd08;
341
341
  }
342
- i.inverted.yellow.icon.icon.icon.icon.icon {
342
+ i.inverted.yellow.icon.icon.icon.icon.icon.icon {
343
343
  color: #ffe21f;
344
344
  }
345
- i.inverted.bordered.yellow.icon.icon.icon.icon.icon,
346
- i.inverted.circular.yellow.icon.icon.icon.icon.icon,
345
+ i.inverted.bordered.yellow.icon.icon.icon.icon.icon.icon,
346
+ i.inverted.circular.yellow.icon.icon.icon.icon.icon.icon,
347
347
  i.inverted.bordered.yellow.icons,
348
348
  i.inverted.circular.yellow.icons {
349
349
  background-color: #fbbd08;
350
350
  color: #fff;
351
351
  }
352
- i.olive.icon.icon.icon.icon.icon {
352
+ i.olive.icon.icon.icon.icon.icon.icon {
353
353
  color: #b5cc18;
354
354
  }
355
- i.inverted.olive.icon.icon.icon.icon.icon {
355
+ i.inverted.olive.icon.icon.icon.icon.icon.icon {
356
356
  color: #d9e778;
357
357
  }
358
- i.inverted.bordered.olive.icon.icon.icon.icon.icon,
359
- i.inverted.circular.olive.icon.icon.icon.icon.icon,
358
+ i.inverted.bordered.olive.icon.icon.icon.icon.icon.icon,
359
+ i.inverted.circular.olive.icon.icon.icon.icon.icon.icon,
360
360
  i.inverted.bordered.olive.icons,
361
361
  i.inverted.circular.olive.icons {
362
362
  background-color: #b5cc18;
363
363
  color: #fff;
364
364
  }
365
- i.green.icon.icon.icon.icon.icon {
365
+ i.green.icon.icon.icon.icon.icon.icon {
366
366
  color: #21ba45;
367
367
  }
368
- i.inverted.green.icon.icon.icon.icon.icon {
368
+ i.inverted.green.icon.icon.icon.icon.icon.icon {
369
369
  color: #2ecc40;
370
370
  }
371
- i.inverted.bordered.green.icon.icon.icon.icon.icon,
372
- i.inverted.circular.green.icon.icon.icon.icon.icon,
371
+ i.inverted.bordered.green.icon.icon.icon.icon.icon.icon,
372
+ i.inverted.circular.green.icon.icon.icon.icon.icon.icon,
373
373
  i.inverted.bordered.green.icons,
374
374
  i.inverted.circular.green.icons {
375
375
  background-color: #21ba45;
376
376
  color: #fff;
377
377
  }
378
- i.teal.icon.icon.icon.icon.icon {
378
+ i.teal.icon.icon.icon.icon.icon.icon {
379
379
  color: #00b5ad;
380
380
  }
381
- i.inverted.teal.icon.icon.icon.icon.icon {
381
+ i.inverted.teal.icon.icon.icon.icon.icon.icon {
382
382
  color: #6dffff;
383
383
  }
384
- i.inverted.bordered.teal.icon.icon.icon.icon.icon,
385
- i.inverted.circular.teal.icon.icon.icon.icon.icon,
384
+ i.inverted.bordered.teal.icon.icon.icon.icon.icon.icon,
385
+ i.inverted.circular.teal.icon.icon.icon.icon.icon.icon,
386
386
  i.inverted.bordered.teal.icons,
387
387
  i.inverted.circular.teal.icons {
388
388
  background-color: #00b5ad;
389
389
  color: #fff;
390
390
  }
391
- i.blue.icon.icon.icon.icon.icon {
391
+ i.blue.icon.icon.icon.icon.icon.icon {
392
392
  color: #2185d0;
393
393
  }
394
- i.inverted.blue.icon.icon.icon.icon.icon {
394
+ i.inverted.blue.icon.icon.icon.icon.icon.icon {
395
395
  color: #54c8ff;
396
396
  }
397
- i.inverted.bordered.blue.icon.icon.icon.icon.icon,
398
- i.inverted.circular.blue.icon.icon.icon.icon.icon,
397
+ i.inverted.bordered.blue.icon.icon.icon.icon.icon.icon,
398
+ i.inverted.circular.blue.icon.icon.icon.icon.icon.icon,
399
399
  i.inverted.bordered.blue.icons,
400
400
  i.inverted.circular.blue.icons {
401
401
  background-color: #2185d0;
402
402
  color: #fff;
403
403
  }
404
- i.violet.icon.icon.icon.icon.icon {
404
+ i.violet.icon.icon.icon.icon.icon.icon {
405
405
  color: #6435c9;
406
406
  }
407
- i.inverted.violet.icon.icon.icon.icon.icon {
407
+ i.inverted.violet.icon.icon.icon.icon.icon.icon {
408
408
  color: #a291fb;
409
409
  }
410
- i.inverted.bordered.violet.icon.icon.icon.icon.icon,
411
- i.inverted.circular.violet.icon.icon.icon.icon.icon,
410
+ i.inverted.bordered.violet.icon.icon.icon.icon.icon.icon,
411
+ i.inverted.circular.violet.icon.icon.icon.icon.icon.icon,
412
412
  i.inverted.bordered.violet.icons,
413
413
  i.inverted.circular.violet.icons {
414
414
  background-color: #6435c9;
415
415
  color: #fff;
416
416
  }
417
- i.purple.icon.icon.icon.icon.icon {
417
+ i.purple.icon.icon.icon.icon.icon.icon {
418
418
  color: #a333c8;
419
419
  }
420
- i.inverted.purple.icon.icon.icon.icon.icon {
420
+ i.inverted.purple.icon.icon.icon.icon.icon.icon {
421
421
  color: #dc73ff;
422
422
  }
423
- i.inverted.bordered.purple.icon.icon.icon.icon.icon,
424
- i.inverted.circular.purple.icon.icon.icon.icon.icon,
423
+ i.inverted.bordered.purple.icon.icon.icon.icon.icon.icon,
424
+ i.inverted.circular.purple.icon.icon.icon.icon.icon.icon,
425
425
  i.inverted.bordered.purple.icons,
426
426
  i.inverted.circular.purple.icons {
427
427
  background-color: #a333c8;
428
428
  color: #fff;
429
429
  }
430
- i.pink.icon.icon.icon.icon.icon {
430
+ i.pink.icon.icon.icon.icon.icon.icon {
431
431
  color: #e03997;
432
432
  }
433
- i.inverted.pink.icon.icon.icon.icon.icon {
433
+ i.inverted.pink.icon.icon.icon.icon.icon.icon {
434
434
  color: #ff8edf;
435
435
  }
436
- i.inverted.bordered.pink.icon.icon.icon.icon.icon,
437
- i.inverted.circular.pink.icon.icon.icon.icon.icon,
436
+ i.inverted.bordered.pink.icon.icon.icon.icon.icon.icon,
437
+ i.inverted.circular.pink.icon.icon.icon.icon.icon.icon,
438
438
  i.inverted.bordered.pink.icons,
439
439
  i.inverted.circular.pink.icons {
440
440
  background-color: #e03997;
441
441
  color: #fff;
442
442
  }
443
- i.brown.icon.icon.icon.icon.icon {
443
+ i.brown.icon.icon.icon.icon.icon.icon {
444
444
  color: #a5673f;
445
445
  }
446
- i.inverted.brown.icon.icon.icon.icon.icon {
446
+ i.inverted.brown.icon.icon.icon.icon.icon.icon {
447
447
  color: #d67c1c;
448
448
  }
449
- i.inverted.bordered.brown.icon.icon.icon.icon.icon,
450
- i.inverted.circular.brown.icon.icon.icon.icon.icon,
449
+ i.inverted.bordered.brown.icon.icon.icon.icon.icon.icon,
450
+ i.inverted.circular.brown.icon.icon.icon.icon.icon.icon,
451
451
  i.inverted.bordered.brown.icons,
452
452
  i.inverted.circular.brown.icons {
453
453
  background-color: #a5673f;
454
454
  color: #fff;
455
455
  }
456
- i.grey.icon.icon.icon.icon.icon {
456
+ i.grey.icon.icon.icon.icon.icon.icon {
457
457
  color: #767676;
458
458
  }
459
- i.inverted.grey.icon.icon.icon.icon.icon {
459
+ i.inverted.grey.icon.icon.icon.icon.icon.icon {
460
460
  color: #dcddde;
461
461
  }
462
- i.inverted.bordered.grey.icon.icon.icon.icon.icon,
463
- i.inverted.circular.grey.icon.icon.icon.icon.icon,
462
+ i.inverted.bordered.grey.icon.icon.icon.icon.icon.icon,
463
+ i.inverted.circular.grey.icon.icon.icon.icon.icon.icon,
464
464
  i.inverted.bordered.grey.icons,
465
465
  i.inverted.circular.grey.icons {
466
466
  background-color: #767676;
467
467
  color: #fff;
468
468
  }
469
- i.black.icon.icon.icon.icon.icon {
469
+ i.black.icon.icon.icon.icon.icon.icon {
470
470
  color: #1b1c1d;
471
471
  }
472
- i.inverted.black.icon.icon.icon.icon.icon {
472
+ i.inverted.black.icon.icon.icon.icon.icon.icon {
473
473
  color: #545454;
474
474
  }
475
- i.inverted.bordered.black.icon.icon.icon.icon.icon,
476
- i.inverted.circular.black.icon.icon.icon.icon.icon,
475
+ i.inverted.bordered.black.icon.icon.icon.icon.icon.icon,
476
+ i.inverted.circular.black.icon.icon.icon.icon.icon.icon,
477
477
  i.inverted.bordered.black.icons,
478
478
  i.inverted.circular.black.icons {
479
479
  background-color: #1b1c1d;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Image
2
+ * # Fomantic-UI 2.9.3 - Image
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Input
2
+ * # Fomantic-UI 2.9.3 - Input
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -104,7 +104,7 @@
104
104
  /* --------------------
105
105
  Loading
106
106
  --------------------- */
107
- .ui.loading.loading.input > i.icon::before {
107
+ .ui.ui.loading.input > i.icon::before {
108
108
  position: absolute;
109
109
  content: "";
110
110
  top: 50%;
@@ -115,7 +115,7 @@
115
115
  border-radius: 500rem;
116
116
  border: 0.2em solid rgba(0, 0, 0, 0.1);
117
117
  }
118
- .ui.loading.loading.input > i.icon::after {
118
+ .ui.ui.loading.input > i.icon::after {
119
119
  position: absolute;
120
120
  content: "";
121
121
  top: 50%;
@@ -163,24 +163,6 @@
163
163
  color: #9f3a38;
164
164
  box-shadow: none;
165
165
  }
166
- .ui.input > input:not(:-ms-input-placeholder):invalid {
167
- background-color: #fff6f6;
168
- border-color: #e0b4b4;
169
- color: #9f3a38;
170
- box-shadow: none;
171
- }
172
- .ui.input > input:not(:placeholder-shown):invalid {
173
- background-color: #fff6f6;
174
- border-color: #e0b4b4;
175
- color: #9f3a38;
176
- box-shadow: none;
177
- }
178
- .ui.input > input:not(:-ms-input-placeholder):invalid {
179
- background-color: #fff6f6;
180
- border-color: #e0b4b4;
181
- color: #9f3a38;
182
- box-shadow: none;
183
- }
184
166
 
185
167
  /* Placeholder */
186
168
  .ui.input.error > input:-ms-input-placeholder {
@@ -855,12 +837,6 @@
855
837
  background: #cacbcd;
856
838
  color: rgba(0, 0, 0, 0.6);
857
839
  }
858
- .ui.form .field input[type="file"]:required:invalid,
859
- .ui.file.input input[type="file"]:required:invalid {
860
- color: #9f3a38;
861
- background: #fff6f6;
862
- border-color: #e0b4b4;
863
- }
864
840
  input[type="file"].ui.invisible.file.input,
865
841
  .ui.invisible.file.input input[type="file"] {
866
842
  left: -99999px;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Label
2
+ * # Fomantic-UI 2.9.3 - Label
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -409,8 +409,22 @@ a.ui.label {
409
409
  border-color: transparent;
410
410
  border-top-color: inherit;
411
411
  }
412
+ .ui.ui.center.ribbon.label {
413
+ top: calc(50% - 1em);
414
+ z-index: 1;
415
+ }
416
+ .ui.bottom.ribbon.label::after {
417
+ bottom: 100%;
418
+ top: auto;
419
+ border-width: 1.2em 1.2em 0 0;
420
+ }
421
+ .ui.bottom[class*="right ribbon"].label::after {
422
+ border-width: 1.2em 0 0 1.2em;
423
+ border-color: transparent;
424
+ border-left-color: inherit;
425
+ }
412
426
 
413
- /* Inside Table */
427
+ /* Inside Image */
414
428
  .ui.image > .ribbon.label,
415
429
  .ui.card .image > .ribbon.label {
416
430
  position: absolute;
@@ -425,6 +439,11 @@ a.ui.label {
425
439
  left: calc(100% + -0.05rem + 1.2em);
426
440
  padding-left: 0.833em;
427
441
  }
442
+ .ui.card .image > .ui.bottom.ribbon.label,
443
+ .ui.image > .ui.bottom.ribbon.label {
444
+ bottom: 1rem;
445
+ top: auto;
446
+ }
428
447
 
429
448
  /* Inside Table */
430
449
  .ui.table td > .ui.ribbon.label {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - List
2
+ * # Fomantic-UI 2.9.3 - List
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -426,16 +426,16 @@ ol.ui.list ol li,
426
426
  color: rgba(0, 0, 0, 0.4);
427
427
  transition: 0.1s color ease;
428
428
  }
429
- .ui.link.list.list a.item:hover,
430
- .ui.link.list.list .item a:not(.ui):hover {
429
+ .ui.ui.link.list a.item:hover,
430
+ .ui.ui.link.list .item a:not(.ui):hover {
431
431
  color: rgba(0, 0, 0, 0.8);
432
432
  }
433
- .ui.link.list.list a.item:active,
434
- .ui.link.list.list .item a:not(.ui):active {
433
+ .ui.ui.link.list a.item:active,
434
+ .ui.ui.link.list .item a:not(.ui):active {
435
435
  color: rgba(0, 0, 0, 0.9);
436
436
  }
437
- .ui.link.list.list .active.item,
438
- .ui.link.list.list .active.item a:not(.ui) {
437
+ .ui.ui.link.list .active.item,
438
+ .ui.ui.link.list .active.item a:not(.ui) {
439
439
  color: rgba(0, 0, 0, 0.95);
440
440
  }
441
441
 
@@ -445,16 +445,16 @@ ol.ui.list ol li,
445
445
  .ui.inverted.link.list .item a:not(.ui) {
446
446
  color: rgba(255, 255, 255, 0.5);
447
447
  }
448
- .ui.inverted.link.list.list a.item:hover,
449
- .ui.inverted.link.list.list .item a:not(.ui):hover {
448
+ .ui.ui.inverted.link.list a.item:hover,
449
+ .ui.ui.inverted.link.list .item a:not(.ui):hover {
450
450
  color: #ffffff;
451
451
  }
452
- .ui.inverted.link.list.list a.item:active,
453
- .ui.inverted.link.list.list .item a:not(.ui):active {
452
+ .ui.ui.inverted.link.list a.item:active,
453
+ .ui.ui.inverted.link.list .item a:not(.ui):active {
454
454
  color: #ffffff;
455
455
  }
456
- .ui.inverted.link.list.list a.active.item,
457
- .ui.inverted.link.list.list .active.item a:not(.ui) {
456
+ .ui.ui.inverted.link.list a.active.item,
457
+ .ui.ui.inverted.link.list .active.item a:not(.ui) {
458
458
  color: #ffffff;
459
459
  }
460
460