fomantic-ui-sass 2.9.1 → 2.9.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (97) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +12 -0
  3. data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
  4. data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
  5. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
  6. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
  7. data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
  8. data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
  9. data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
  10. data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
  11. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
  14. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
  15. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
  16. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
  17. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
  18. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -0
  19. data/app/assets/javascripts/semantic-ui/accordion.js +4 -8
  20. data/app/assets/javascripts/semantic-ui/api.js +22 -15
  21. data/app/assets/javascripts/semantic-ui/calendar.js +1 -6
  22. data/app/assets/javascripts/semantic-ui/checkbox.js +4 -6
  23. data/app/assets/javascripts/semantic-ui/dimmer.js +3 -7
  24. data/app/assets/javascripts/semantic-ui/dropdown.js +58 -35
  25. data/app/assets/javascripts/semantic-ui/embed.js +2 -7
  26. data/app/assets/javascripts/semantic-ui/flyout.js +56 -86
  27. data/app/assets/javascripts/semantic-ui/form.js +216 -157
  28. data/app/assets/javascripts/semantic-ui/modal.js +58 -39
  29. data/app/assets/javascripts/semantic-ui/nag.js +17 -9
  30. data/app/assets/javascripts/semantic-ui/popup.js +46 -26
  31. data/app/assets/javascripts/semantic-ui/progress.js +3 -34
  32. data/app/assets/javascripts/semantic-ui/rating.js +1 -5
  33. data/app/assets/javascripts/semantic-ui/search.js +5 -8
  34. data/app/assets/javascripts/semantic-ui/shape.js +15 -41
  35. data/app/assets/javascripts/semantic-ui/sidebar.js +21 -64
  36. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  37. data/app/assets/javascripts/semantic-ui/slider.js +130 -34
  38. data/app/assets/javascripts/semantic-ui/state.js +23 -20
  39. data/app/assets/javascripts/semantic-ui/sticky.js +17 -16
  40. data/app/assets/javascripts/semantic-ui/tab.js +18 -8
  41. data/app/assets/javascripts/semantic-ui/toast.js +19 -11
  42. data/app/assets/javascripts/semantic-ui/transition.js +11 -66
  43. data/app/assets/javascripts/semantic-ui/visibility.js +15 -6
  44. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +118 -56
  46. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +113 -107
  47. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +39 -9
  48. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +66 -2
  50. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +2 -2
  51. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +62 -1
  52. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +698 -250
  54. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -2
  55. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +62 -62
  57. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +61 -51
  59. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +21 -2
  60. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
  61. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +282 -282
  62. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  64. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  65. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +186 -37
  66. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +4 -4
  67. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +2 -2
  68. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  69. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -10
  70. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  71. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +145 -8
  72. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +89 -45
  73. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  74. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +126 -31
  75. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +2 -2
  76. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +1 -1
  77. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +10 -3
  78. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  79. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +188 -42
  80. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  81. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  82. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +26 -1
  83. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  84. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  85. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +9 -6
  86. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  87. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  88. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +6 -1
  89. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  90. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  91. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  92. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -1
  93. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +486 -5
  94. data/app/assets/stylesheets/semantic-ui/views/_item.scss +7 -2
  95. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  96. data/lib/fomantic/ui/sass/version.rb +2 -2
  97. metadata +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.1 - 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.1 - 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.1 - 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.1 - 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.1 - Input
2
+ * # Fomantic-UI 2.9.3 - Input
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -56,11 +56,16 @@
56
56
  --------------------- */
57
57
 
58
58
  /* browsers require these rules separate */
59
- .ui.input > input::-webkit-input-placeholder {
59
+ .ui.input > input:-ms-input-placeholder {
60
60
  color: rgba(191, 191, 191, 0.87);
61
61
  }
62
- .ui.input > input::-moz-placeholder {
62
+ .ui.input > input::-ms-input-placeholder {
63
+ color: rgba(191, 191, 191, 0.87);
64
+ }
65
+ .ui.input > input::placeholder {
63
66
  color: rgba(191, 191, 191, 0.87);
67
+ }
68
+ .ui.input > input::-moz-placeholder {
64
69
  opacity: 1;
65
70
  }
66
71
  .ui.input > input:-ms-input-placeholder {
@@ -99,7 +104,7 @@
99
104
  /* --------------------
100
105
  Loading
101
106
  --------------------- */
102
- .ui.loading.loading.input > i.icon::before {
107
+ .ui.ui.loading.input > i.icon::before {
103
108
  position: absolute;
104
109
  content: "";
105
110
  top: 50%;
@@ -110,7 +115,7 @@
110
115
  border-radius: 500rem;
111
116
  border: 0.2em solid rgba(0, 0, 0, 0.1);
112
117
  }
113
- .ui.loading.loading.input > i.icon::after {
118
+ .ui.ui.loading.input > i.icon::after {
114
119
  position: absolute;
115
120
  content: "";
116
121
  top: 50%;
@@ -134,12 +139,14 @@
134
139
  color: rgba(0, 0, 0, 0.8);
135
140
  box-shadow: none;
136
141
  }
137
- .ui.input.focus > input::-webkit-input-placeholder,
138
- .ui.input > input:focus::-webkit-input-placeholder {
142
+ .ui.input.focus > input:-ms-input-placeholder, .ui.input > input:focus:-ms-input-placeholder {
143
+ color: rgba(115, 115, 115, 0.87);
144
+ }
145
+ .ui.input.focus > input::-ms-input-placeholder, .ui.input > input:focus::-ms-input-placeholder {
139
146
  color: rgba(115, 115, 115, 0.87);
140
147
  }
141
- .ui.input.focus > input::-moz-placeholder,
142
- .ui.input > input:focus::-moz-placeholder {
148
+ .ui.input.focus > input::placeholder,
149
+ .ui.input > input:focus::placeholder {
143
150
  color: rgba(115, 115, 115, 0.87);
144
151
  }
145
152
  .ui.input.focus > input:-ms-input-placeholder,
@@ -156,30 +163,15 @@
156
163
  color: #9f3a38;
157
164
  box-shadow: none;
158
165
  }
159
- .ui.input > input:not(:-ms-input-placeholder):invalid {
160
- background-color: #fff6f6;
161
- border-color: #e0b4b4;
162
- color: #9f3a38;
163
- box-shadow: none;
164
- }
165
- .ui.input > input:not(:placeholder-shown):invalid {
166
- background-color: #fff6f6;
167
- border-color: #e0b4b4;
168
- color: #9f3a38;
169
- box-shadow: none;
170
- }
171
- .ui.input > input:not(:-ms-input-placeholder):invalid {
172
- background-color: #fff6f6;
173
- border-color: #e0b4b4;
174
- color: #9f3a38;
175
- box-shadow: none;
176
- }
177
166
 
178
167
  /* Placeholder */
179
- .ui.input.error > input::-webkit-input-placeholder {
168
+ .ui.input.error > input:-ms-input-placeholder {
180
169
  color: #e7bdbc;
181
170
  }
182
- .ui.input.error > input::-moz-placeholder {
171
+ .ui.input.error > input::-ms-input-placeholder {
172
+ color: #e7bdbc;
173
+ }
174
+ .ui.input.error > input::placeholder {
183
175
  color: #e7bdbc;
184
176
  }
185
177
  .ui.input.error > input:-ms-input-placeholder {
@@ -187,10 +179,13 @@
187
179
  }
188
180
 
189
181
  /* Focused Placeholder */
190
- .ui.input.error > input:focus::-webkit-input-placeholder {
182
+ .ui.input.error > input:focus:-ms-input-placeholder {
191
183
  color: #da9796;
192
184
  }
193
- .ui.input.error > input:focus::-moz-placeholder {
185
+ .ui.input.error > input:focus::-ms-input-placeholder {
186
+ color: #da9796;
187
+ }
188
+ .ui.input.error > input:focus::placeholder {
194
189
  color: #da9796;
195
190
  }
196
191
  .ui.input.error > input:focus:-ms-input-placeholder {
@@ -204,10 +199,13 @@
204
199
  }
205
200
 
206
201
  /* Placeholder */
207
- .ui.input.info > input::-webkit-input-placeholder {
202
+ .ui.input.info > input:-ms-input-placeholder {
208
203
  color: #98cfe1;
209
204
  }
210
- .ui.input.info > input::-moz-placeholder {
205
+ .ui.input.info > input::-ms-input-placeholder {
206
+ color: #98cfe1;
207
+ }
208
+ .ui.input.info > input::placeholder {
211
209
  color: #98cfe1;
212
210
  }
213
211
  .ui.input.info > input:-ms-input-placeholder {
@@ -215,10 +213,13 @@
215
213
  }
216
214
 
217
215
  /* Focused Placeholder */
218
- .ui.input.info > input:focus::-webkit-input-placeholder {
216
+ .ui.input.info > input:focus:-ms-input-placeholder {
219
217
  color: #70bdd6;
220
218
  }
221
- .ui.input.info > input:focus::-moz-placeholder {
219
+ .ui.input.info > input:focus::-ms-input-placeholder {
220
+ color: #70bdd6;
221
+ }
222
+ .ui.input.info > input:focus::placeholder {
222
223
  color: #70bdd6;
223
224
  }
224
225
  .ui.input.info > input:focus:-ms-input-placeholder {
@@ -232,10 +233,13 @@
232
233
  }
233
234
 
234
235
  /* Placeholder */
235
- .ui.input.success > input::-webkit-input-placeholder {
236
+ .ui.input.success > input:-ms-input-placeholder {
237
+ color: #8fcf90;
238
+ }
239
+ .ui.input.success > input::-ms-input-placeholder {
236
240
  color: #8fcf90;
237
241
  }
238
- .ui.input.success > input::-moz-placeholder {
242
+ .ui.input.success > input::placeholder {
239
243
  color: #8fcf90;
240
244
  }
241
245
  .ui.input.success > input:-ms-input-placeholder {
@@ -243,10 +247,13 @@
243
247
  }
244
248
 
245
249
  /* Focused Placeholder */
246
- .ui.input.success > input:focus::-webkit-input-placeholder {
250
+ .ui.input.success > input:focus:-ms-input-placeholder {
251
+ color: #6cbf6d;
252
+ }
253
+ .ui.input.success > input:focus::-ms-input-placeholder {
247
254
  color: #6cbf6d;
248
255
  }
249
- .ui.input.success > input:focus::-moz-placeholder {
256
+ .ui.input.success > input:focus::placeholder {
250
257
  color: #6cbf6d;
251
258
  }
252
259
  .ui.input.success > input:focus:-ms-input-placeholder {
@@ -260,10 +267,13 @@
260
267
  }
261
268
 
262
269
  /* Placeholder */
263
- .ui.input.warning > input::-webkit-input-placeholder {
270
+ .ui.input.warning > input:-ms-input-placeholder {
271
+ color: #edad3e;
272
+ }
273
+ .ui.input.warning > input::-ms-input-placeholder {
264
274
  color: #edad3e;
265
275
  }
266
- .ui.input.warning > input::-moz-placeholder {
276
+ .ui.input.warning > input::placeholder {
267
277
  color: #edad3e;
268
278
  }
269
279
  .ui.input.warning > input:-ms-input-placeholder {
@@ -271,10 +281,13 @@
271
281
  }
272
282
 
273
283
  /* Focused Placeholder */
274
- .ui.input.warning > input:focus::-webkit-input-placeholder {
284
+ .ui.input.warning > input:focus:-ms-input-placeholder {
285
+ color: #e39715;
286
+ }
287
+ .ui.input.warning > input:focus::-ms-input-placeholder {
275
288
  color: #e39715;
276
289
  }
277
- .ui.input.warning > input:focus::-moz-placeholder {
290
+ .ui.input.warning > input:focus::placeholder {
278
291
  color: #e39715;
279
292
  }
280
293
  .ui.input.warning > input:focus:-ms-input-placeholder {
@@ -323,10 +336,13 @@
323
336
  .ui.ui.transparent.inverted.input > input {
324
337
  color: inherit;
325
338
  }
326
- .ui.transparent.inverted.input > input::-webkit-input-placeholder {
339
+ .ui.transparent.inverted.input > input:-ms-input-placeholder {
340
+ color: rgba(255, 255, 255, 0.5);
341
+ }
342
+ .ui.transparent.inverted.input > input::-ms-input-placeholder {
327
343
  color: rgba(255, 255, 255, 0.5);
328
344
  }
329
- .ui.transparent.inverted.input > input::-moz-placeholder {
345
+ .ui.transparent.inverted.input > input::placeholder {
330
346
  color: rgba(255, 255, 255, 0.5);
331
347
  }
332
348
  .ui.transparent.inverted.input > input:-ms-input-placeholder {
@@ -821,12 +837,6 @@
821
837
  background: #cacbcd;
822
838
  color: rgba(0, 0, 0, 0.6);
823
839
  }
824
- .ui.form .field input[type="file"]:required:invalid,
825
- .ui.file.input input[type="file"]:required:invalid {
826
- color: #9f3a38;
827
- background: #fff6f6;
828
- border-color: #e0b4b4;
829
- }
830
840
  input[type="file"].ui.invisible.file.input,
831
841
  .ui.invisible.file.input input[type="file"] {
832
842
  left: -99999px;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.1 - 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.1 - 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