fomantic-ui-sass 2.8.6 → 2.8.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +12 -0
  3. data/README.md +6 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  5. data/app/assets/fonts/semantic-ui/brand-icons.svg +6 -41
  6. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  7. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  8. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  9. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  10. data/app/assets/fonts/semantic-ui/icons.svg +7 -245
  11. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  12. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  13. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  14. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  15. data/app/assets/fonts/semantic-ui/outline-icons.svg +2 -2
  16. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  17. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  18. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  19. data/app/assets/javascripts/semantic-ui/calendar.js +153 -29
  20. data/app/assets/javascripts/semantic-ui/checkbox.js +1 -1
  21. data/app/assets/javascripts/semantic-ui/dimmer.js +11 -14
  22. data/app/assets/javascripts/semantic-ui/dropdown.js +240 -112
  23. data/app/assets/javascripts/semantic-ui/form.js +131 -67
  24. data/app/assets/javascripts/semantic-ui/modal.js +259 -16
  25. data/app/assets/javascripts/semantic-ui/nag.js +130 -64
  26. data/app/assets/javascripts/semantic-ui/popup.js +4 -4
  27. data/app/assets/javascripts/semantic-ui/progress.js +25 -31
  28. data/app/assets/javascripts/semantic-ui/search.js +15 -12
  29. data/app/assets/javascripts/semantic-ui/slider.js +57 -33
  30. data/app/assets/javascripts/semantic-ui/toast.js +26 -6
  31. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +69 -74
  33. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +14 -7
  34. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +14 -11
  35. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +52 -5
  36. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +9 -5
  37. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  38. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +29 -2
  39. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +3 -4
  40. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  42. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +14 -9
  43. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +244 -66
  44. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +34 -5
  45. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +34 -33
  46. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
  48. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +41 -37
  49. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +40 -2
  53. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +10 -10
  54. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +13 -1
  55. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -3
  56. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +2 -2
  57. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +18 -11
  59. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +46 -4
  60. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +15 -15
  61. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +180 -28
  62. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +7 -7
  63. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +22 -11
  64. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +168 -16
  65. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +6 -2
  66. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +18 -10
  67. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +18 -33
  68. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  69. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  70. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +3 -2
  71. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +11 -0
  72. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -2
  73. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  74. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +103 -16
  75. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  76. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  77. data/app/assets/stylesheets/semantic-ui/views/_card.scss +75 -3
  78. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  79. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +6 -6
  80. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  81. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +5 -5
  82. data/lib/fomantic/ui/sass/version.rb +2 -2
  83. metadata +3 -3
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Input
2
+ * # Fomantic-UI 2.8.8 - Input
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -62,6 +62,7 @@
62
62
  }
63
63
  .ui.input > input::-moz-placeholder {
64
64
  color: rgba(191, 191, 191, 0.87);
65
+ opacity: 1;
65
66
  }
66
67
  .ui.input > input:-ms-input-placeholder {
67
68
  color: rgba(191, 191, 191, 0.87);
@@ -458,7 +459,7 @@
458
459
  .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
459
460
  padding-right: 3.25em !important;
460
461
  }
461
- .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
462
+ .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > i.icon {
462
463
  margin-right: 1.25em;
463
464
  }
464
465
 
@@ -471,13 +472,13 @@
471
472
  .ui[class*="left corner labeled"].icon.input > input {
472
473
  padding-left: 3.25em !important;
473
474
  }
474
- .ui[class*="left corner labeled"].icon.input > .icon {
475
+ .ui[class*="left corner labeled"].icon.input > i.icon {
475
476
  margin-left: 1.25em;
476
477
  }
477
- .ui.icon.input > textarea ~ .icon {
478
+ .ui.icon.input > textarea ~ i.icon {
478
479
  height: 3em;
479
480
  }
480
- :not(.field) > .ui.transparent.icon.input > textarea ~ .icon {
481
+ :not(.field) > .ui.transparent.icon.input > textarea ~ i.icon {
481
482
  height: 1.3em;
482
483
  }
483
484
 
@@ -492,95 +493,95 @@
492
493
  }
493
494
 
494
495
  /* Labeled and action input states */
495
- .ui.form > .field.error > .ui.action.input > .ui.button,
496
- .ui.form > .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
496
+ .ui.form .field.error > .ui.action.input > .ui.button,
497
+ .ui.form .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
497
498
  .ui.action.input.error > .ui.button,
498
499
  .ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
499
500
  border-top: 1px solid #E0B4B4;
500
501
  border-bottom: 1px solid #E0B4B4;
501
502
  }
502
- .ui.form > .field.error > .ui[class*="left action"].input > .ui.button,
503
- .ui.form > .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
503
+ .ui.form .field.error > .ui[class*="left action"].input > .ui.button,
504
+ .ui.form .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
504
505
  .ui[class*="left action"].input.error > .ui.button,
505
506
  .ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
506
507
  border-left: 1px solid #E0B4B4;
507
508
  }
508
- .ui.form > .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
509
- .ui.form > .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
509
+ .ui.form .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
510
+ .ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
510
511
  .ui.action.input.error:not([class*="left action"]) > input + .ui.button,
511
512
  .ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
512
513
  border-right: 1px solid #E0B4B4;
513
514
  }
514
- .ui.form > .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
515
+ .ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
515
516
  .ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
516
517
  border-left: 1px solid #E0B4B4;
517
518
  }
518
- .ui.form > .field.info > .ui.action.input > .ui.button,
519
- .ui.form > .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
519
+ .ui.form .field.info > .ui.action.input > .ui.button,
520
+ .ui.form .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
520
521
  .ui.action.input.info > .ui.button,
521
522
  .ui.labeled.input.info:not([class*="corner labeled"]) > .ui.label {
522
523
  border-top: 1px solid #A9D5DE;
523
524
  border-bottom: 1px solid #A9D5DE;
524
525
  }
525
- .ui.form > .field.info > .ui[class*="left action"].input > .ui.button,
526
- .ui.form > .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
526
+ .ui.form .field.info > .ui[class*="left action"].input > .ui.button,
527
+ .ui.form .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
527
528
  .ui[class*="left action"].input.info > .ui.button,
528
529
  .ui.labeled.input.info:not(.right):not([class*="corner labeled"]) > .ui.label {
529
530
  border-left: 1px solid #A9D5DE;
530
531
  }
531
- .ui.form > .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
532
- .ui.form > .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
532
+ .ui.form .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
533
+ .ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
533
534
  .ui.action.input.info:not([class*="left action"]) > input + .ui.button,
534
535
  .ui.right.labeled.input.info:not([class*="corner labeled"]) > input + .ui.label {
535
536
  border-right: 1px solid #A9D5DE;
536
537
  }
537
- .ui.form > .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
538
+ .ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
538
539
  .ui.right.labeled.input.info:not([class*="corner labeled"]) > .ui.label:first-child {
539
540
  border-left: 1px solid #A9D5DE;
540
541
  }
541
- .ui.form > .field.success > .ui.action.input > .ui.button,
542
- .ui.form > .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
542
+ .ui.form .field.success > .ui.action.input > .ui.button,
543
+ .ui.form .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
543
544
  .ui.action.input.success > .ui.button,
544
545
  .ui.labeled.input.success:not([class*="corner labeled"]) > .ui.label {
545
546
  border-top: 1px solid #A3C293;
546
547
  border-bottom: 1px solid #A3C293;
547
548
  }
548
- .ui.form > .field.success > .ui[class*="left action"].input > .ui.button,
549
- .ui.form > .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
549
+ .ui.form .field.success > .ui[class*="left action"].input > .ui.button,
550
+ .ui.form .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
550
551
  .ui[class*="left action"].input.success > .ui.button,
551
552
  .ui.labeled.input.success:not(.right):not([class*="corner labeled"]) > .ui.label {
552
553
  border-left: 1px solid #A3C293;
553
554
  }
554
- .ui.form > .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
555
- .ui.form > .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
555
+ .ui.form .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
556
+ .ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
556
557
  .ui.action.input.success:not([class*="left action"]) > input + .ui.button,
557
558
  .ui.right.labeled.input.success:not([class*="corner labeled"]) > input + .ui.label {
558
559
  border-right: 1px solid #A3C293;
559
560
  }
560
- .ui.form > .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
561
+ .ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
561
562
  .ui.right.labeled.input.success:not([class*="corner labeled"]) > .ui.label:first-child {
562
563
  border-left: 1px solid #A3C293;
563
564
  }
564
- .ui.form > .field.warning > .ui.action.input > .ui.button,
565
- .ui.form > .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
565
+ .ui.form .field.warning > .ui.action.input > .ui.button,
566
+ .ui.form .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
566
567
  .ui.action.input.warning > .ui.button,
567
568
  .ui.labeled.input.warning:not([class*="corner labeled"]) > .ui.label {
568
569
  border-top: 1px solid #C9BA9B;
569
570
  border-bottom: 1px solid #C9BA9B;
570
571
  }
571
- .ui.form > .field.warning > .ui[class*="left action"].input > .ui.button,
572
- .ui.form > .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
572
+ .ui.form .field.warning > .ui[class*="left action"].input > .ui.button,
573
+ .ui.form .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
573
574
  .ui[class*="left action"].input.warning > .ui.button,
574
575
  .ui.labeled.input.warning:not(.right):not([class*="corner labeled"]) > .ui.label {
575
576
  border-left: 1px solid #C9BA9B;
576
577
  }
577
- .ui.form > .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
578
- .ui.form > .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
578
+ .ui.form .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
579
+ .ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
579
580
  .ui.action.input.warning:not([class*="left action"]) > input + .ui.button,
580
581
  .ui.right.labeled.input.warning:not([class*="corner labeled"]) > input + .ui.label {
581
582
  border-right: 1px solid #C9BA9B;
582
583
  }
583
- .ui.form > .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
584
+ .ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
584
585
  .ui.right.labeled.input.warning:not([class*="corner labeled"]) > .ui.label:first-child {
585
586
  border-left: 1px solid #C9BA9B;
586
587
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Label
2
+ * # Fomantic-UI 2.8.8 - Label
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - List
2
+ * # Fomantic-UI 2.8.8 - List
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -143,16 +143,16 @@ ol.ui.list ol li,
143
143
  color: rgba(0, 0, 0, 0.87);
144
144
  }
145
145
  .ui.list .list > .item > .image + .content,
146
- .ui.list .list > .item > .icon + .content,
146
+ .ui.list .list > .item > i.icon + .content,
147
147
  .ui.list > .item > .image + .content,
148
- .ui.list > .item > .icon + .content {
148
+ .ui.list > .item > i.icon + .content {
149
149
  display: table-cell;
150
150
  width: 100%;
151
151
  padding: 0 0 0 0.5em;
152
152
  vertical-align: top;
153
153
  }
154
- .ui.list .list > .item > .loading.icon + .content,
155
- .ui.list > .item > .loading.icon + .content {
154
+ .ui.list .list > .item > i.loading.icon + .content,
155
+ .ui.list > .item > i.loading.icon + .content {
156
156
  padding-left: calc(0.2857142857142857em + 0.5em);
157
157
  }
158
158
  .ui.list .list > .item > img.image + .content,
@@ -295,8 +295,8 @@ ol.ui.list ol li,
295
295
  }
296
296
  .ui.horizontal.list > .item > .image,
297
297
  .ui.horizontal.list .list > .item > .image,
298
- .ui.horizontal.list > .item > .icon,
299
- .ui.horizontal.list .list > .item > .icon,
298
+ .ui.horizontal.list > .item > i.icon,
299
+ .ui.horizontal.list .list > .item > i.icon,
300
300
  .ui.horizontal.list > .item > .content,
301
301
  .ui.horizontal.list .list > .item > .content {
302
302
  vertical-align: middle;
@@ -316,8 +316,8 @@ ol.ui.list ol li,
316
316
  padding: 0 0.25em 0 0;
317
317
  }
318
318
  .ui.horizontal.list > .item > .image + .content,
319
- .ui.horizontal.list > .item > .icon,
320
- .ui.horizontal.list > .item > .icon + .content {
319
+ .ui.horizontal.list > .item > i.icon,
320
+ .ui.horizontal.list > .item > i.icon + .content {
321
321
  float: none;
322
322
  display: inline-block;
323
323
  width: auto;
@@ -352,8 +352,8 @@ ol.ui.list ol li,
352
352
 
353
353
  .ui.list .list > a.item:hover > .icons,
354
354
  .ui.list > a.item:hover > .icons,
355
- .ui.list .list > a.item:hover > .icon,
356
- .ui.list > a.item:hover > .icon {
355
+ .ui.list .list > a.item:hover > i.icon,
356
+ .ui.list > a.item:hover > i.icon {
357
357
  color: rgba(0, 0, 0, 0.87);
358
358
  }
359
359
 
@@ -367,8 +367,8 @@ ol.ui.list ol li,
367
367
  Inverted
368
368
  --------------------*/
369
369
 
370
- .ui.inverted.list .list > a.item > .icon,
371
- .ui.inverted.list > a.item > .icon {
370
+ .ui.inverted.list .list > a.item > i.icon,
371
+ .ui.inverted.list > a.item > i.icon {
372
372
  color: rgba(255, 255, 255, 0.7);
373
373
  }
374
374
  .ui.inverted.list .list > .item .header,
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Loader
2
+ * # Fomantic-UI 2.8.8 - Loader
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -285,7 +285,7 @@
285
285
  .ui.primary.elastic.loader.loader:before,
286
286
  .ui.primary.basic.elastic.loading.button:before,
287
287
  .ui.primary.basic.elastic.loading.button:after,
288
- .ui.primary.elastic.loading.loading.loading:not(.segment):before,
288
+ .ui.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
289
289
  .ui.primary.elastic.loading.loading.loading .input > i.icon:before,
290
290
  .ui.primary.elastic.loading.loading.loading.loading > i.icon:before,
291
291
  .ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -295,7 +295,7 @@
295
295
  color: #2185D0;
296
296
  }
297
297
  .ui.inverted.primary.elastic.loader:before,
298
- .ui.inverted.primary.elastic.loading.loading.loading:not(.segment):before,
298
+ .ui.inverted.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
299
299
  .ui.inverted.primary.elastic.loading.loading.loading .input > i.icon:before,
300
300
  .ui.inverted.primary.elastic.loading.loading.loading > i.icon:before,
301
301
  .ui.inverted.primary.loading.loading.loading.loading:not(.usual):after,
@@ -307,7 +307,7 @@
307
307
  .ui.secondary.elastic.loader.loader:before,
308
308
  .ui.secondary.basic.elastic.loading.button:before,
309
309
  .ui.secondary.basic.elastic.loading.button:after,
310
- .ui.secondary.elastic.loading.loading.loading:not(.segment):before,
310
+ .ui.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
311
311
  .ui.secondary.elastic.loading.loading.loading .input > i.icon:before,
312
312
  .ui.secondary.elastic.loading.loading.loading.loading > i.icon:before,
313
313
  .ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -317,7 +317,7 @@
317
317
  color: #1B1C1D;
318
318
  }
319
319
  .ui.inverted.secondary.elastic.loader:before,
320
- .ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):before,
320
+ .ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
321
321
  .ui.inverted.secondary.elastic.loading.loading.loading .input > i.icon:before,
322
322
  .ui.inverted.secondary.elastic.loading.loading.loading > i.icon:before,
323
323
  .ui.inverted.secondary.loading.loading.loading.loading:not(.usual):after,
@@ -329,7 +329,7 @@
329
329
  .ui.red.elastic.loader.loader:before,
330
330
  .ui.red.basic.elastic.loading.button:before,
331
331
  .ui.red.basic.elastic.loading.button:after,
332
- .ui.red.elastic.loading.loading.loading:not(.segment):before,
332
+ .ui.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
333
333
  .ui.red.elastic.loading.loading.loading .input > i.icon:before,
334
334
  .ui.red.elastic.loading.loading.loading.loading > i.icon:before,
335
335
  .ui.red.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -339,7 +339,7 @@
339
339
  color: #DB2828;
340
340
  }
341
341
  .ui.inverted.red.elastic.loader:before,
342
- .ui.inverted.red.elastic.loading.loading.loading:not(.segment):before,
342
+ .ui.inverted.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
343
343
  .ui.inverted.red.elastic.loading.loading.loading .input > i.icon:before,
344
344
  .ui.inverted.red.elastic.loading.loading.loading > i.icon:before,
345
345
  .ui.inverted.red.loading.loading.loading.loading:not(.usual):after,
@@ -351,7 +351,7 @@
351
351
  .ui.orange.elastic.loader.loader:before,
352
352
  .ui.orange.basic.elastic.loading.button:before,
353
353
  .ui.orange.basic.elastic.loading.button:after,
354
- .ui.orange.elastic.loading.loading.loading:not(.segment):before,
354
+ .ui.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
355
355
  .ui.orange.elastic.loading.loading.loading .input > i.icon:before,
356
356
  .ui.orange.elastic.loading.loading.loading.loading > i.icon:before,
357
357
  .ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -361,7 +361,7 @@
361
361
  color: #F2711C;
362
362
  }
363
363
  .ui.inverted.orange.elastic.loader:before,
364
- .ui.inverted.orange.elastic.loading.loading.loading:not(.segment):before,
364
+ .ui.inverted.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
365
365
  .ui.inverted.orange.elastic.loading.loading.loading .input > i.icon:before,
366
366
  .ui.inverted.orange.elastic.loading.loading.loading > i.icon:before,
367
367
  .ui.inverted.orange.loading.loading.loading.loading:not(.usual):after,
@@ -373,7 +373,7 @@
373
373
  .ui.yellow.elastic.loader.loader:before,
374
374
  .ui.yellow.basic.elastic.loading.button:before,
375
375
  .ui.yellow.basic.elastic.loading.button:after,
376
- .ui.yellow.elastic.loading.loading.loading:not(.segment):before,
376
+ .ui.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
377
377
  .ui.yellow.elastic.loading.loading.loading .input > i.icon:before,
378
378
  .ui.yellow.elastic.loading.loading.loading.loading > i.icon:before,
379
379
  .ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -383,7 +383,7 @@
383
383
  color: #FBBD08;
384
384
  }
385
385
  .ui.inverted.yellow.elastic.loader:before,
386
- .ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):before,
386
+ .ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
387
387
  .ui.inverted.yellow.elastic.loading.loading.loading .input > i.icon:before,
388
388
  .ui.inverted.yellow.elastic.loading.loading.loading > i.icon:before,
389
389
  .ui.inverted.yellow.loading.loading.loading.loading:not(.usual):after,
@@ -395,7 +395,7 @@
395
395
  .ui.olive.elastic.loader.loader:before,
396
396
  .ui.olive.basic.elastic.loading.button:before,
397
397
  .ui.olive.basic.elastic.loading.button:after,
398
- .ui.olive.elastic.loading.loading.loading:not(.segment):before,
398
+ .ui.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
399
399
  .ui.olive.elastic.loading.loading.loading .input > i.icon:before,
400
400
  .ui.olive.elastic.loading.loading.loading.loading > i.icon:before,
401
401
  .ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -405,7 +405,7 @@
405
405
  color: #B5CC18;
406
406
  }
407
407
  .ui.inverted.olive.elastic.loader:before,
408
- .ui.inverted.olive.elastic.loading.loading.loading:not(.segment):before,
408
+ .ui.inverted.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
409
409
  .ui.inverted.olive.elastic.loading.loading.loading .input > i.icon:before,
410
410
  .ui.inverted.olive.elastic.loading.loading.loading > i.icon:before,
411
411
  .ui.inverted.olive.loading.loading.loading.loading:not(.usual):after,
@@ -417,7 +417,7 @@
417
417
  .ui.green.elastic.loader.loader:before,
418
418
  .ui.green.basic.elastic.loading.button:before,
419
419
  .ui.green.basic.elastic.loading.button:after,
420
- .ui.green.elastic.loading.loading.loading:not(.segment):before,
420
+ .ui.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
421
421
  .ui.green.elastic.loading.loading.loading .input > i.icon:before,
422
422
  .ui.green.elastic.loading.loading.loading.loading > i.icon:before,
423
423
  .ui.green.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -427,7 +427,7 @@
427
427
  color: #21BA45;
428
428
  }
429
429
  .ui.inverted.green.elastic.loader:before,
430
- .ui.inverted.green.elastic.loading.loading.loading:not(.segment):before,
430
+ .ui.inverted.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
431
431
  .ui.inverted.green.elastic.loading.loading.loading .input > i.icon:before,
432
432
  .ui.inverted.green.elastic.loading.loading.loading > i.icon:before,
433
433
  .ui.inverted.green.loading.loading.loading.loading:not(.usual):after,
@@ -439,7 +439,7 @@
439
439
  .ui.teal.elastic.loader.loader:before,
440
440
  .ui.teal.basic.elastic.loading.button:before,
441
441
  .ui.teal.basic.elastic.loading.button:after,
442
- .ui.teal.elastic.loading.loading.loading:not(.segment):before,
442
+ .ui.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
443
443
  .ui.teal.elastic.loading.loading.loading .input > i.icon:before,
444
444
  .ui.teal.elastic.loading.loading.loading.loading > i.icon:before,
445
445
  .ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -449,7 +449,7 @@
449
449
  color: #00B5AD;
450
450
  }
451
451
  .ui.inverted.teal.elastic.loader:before,
452
- .ui.inverted.teal.elastic.loading.loading.loading:not(.segment):before,
452
+ .ui.inverted.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
453
453
  .ui.inverted.teal.elastic.loading.loading.loading .input > i.icon:before,
454
454
  .ui.inverted.teal.elastic.loading.loading.loading > i.icon:before,
455
455
  .ui.inverted.teal.loading.loading.loading.loading:not(.usual):after,
@@ -461,7 +461,7 @@
461
461
  .ui.blue.elastic.loader.loader:before,
462
462
  .ui.blue.basic.elastic.loading.button:before,
463
463
  .ui.blue.basic.elastic.loading.button:after,
464
- .ui.blue.elastic.loading.loading.loading:not(.segment):before,
464
+ .ui.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
465
465
  .ui.blue.elastic.loading.loading.loading .input > i.icon:before,
466
466
  .ui.blue.elastic.loading.loading.loading.loading > i.icon:before,
467
467
  .ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -471,7 +471,7 @@
471
471
  color: #2185D0;
472
472
  }
473
473
  .ui.inverted.blue.elastic.loader:before,
474
- .ui.inverted.blue.elastic.loading.loading.loading:not(.segment):before,
474
+ .ui.inverted.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
475
475
  .ui.inverted.blue.elastic.loading.loading.loading .input > i.icon:before,
476
476
  .ui.inverted.blue.elastic.loading.loading.loading > i.icon:before,
477
477
  .ui.inverted.blue.loading.loading.loading.loading:not(.usual):after,
@@ -483,7 +483,7 @@
483
483
  .ui.violet.elastic.loader.loader:before,
484
484
  .ui.violet.basic.elastic.loading.button:before,
485
485
  .ui.violet.basic.elastic.loading.button:after,
486
- .ui.violet.elastic.loading.loading.loading:not(.segment):before,
486
+ .ui.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
487
487
  .ui.violet.elastic.loading.loading.loading .input > i.icon:before,
488
488
  .ui.violet.elastic.loading.loading.loading.loading > i.icon:before,
489
489
  .ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -493,7 +493,7 @@
493
493
  color: #6435C9;
494
494
  }
495
495
  .ui.inverted.violet.elastic.loader:before,
496
- .ui.inverted.violet.elastic.loading.loading.loading:not(.segment):before,
496
+ .ui.inverted.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
497
497
  .ui.inverted.violet.elastic.loading.loading.loading .input > i.icon:before,
498
498
  .ui.inverted.violet.elastic.loading.loading.loading > i.icon:before,
499
499
  .ui.inverted.violet.loading.loading.loading.loading:not(.usual):after,
@@ -505,7 +505,7 @@
505
505
  .ui.purple.elastic.loader.loader:before,
506
506
  .ui.purple.basic.elastic.loading.button:before,
507
507
  .ui.purple.basic.elastic.loading.button:after,
508
- .ui.purple.elastic.loading.loading.loading:not(.segment):before,
508
+ .ui.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
509
509
  .ui.purple.elastic.loading.loading.loading .input > i.icon:before,
510
510
  .ui.purple.elastic.loading.loading.loading.loading > i.icon:before,
511
511
  .ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -515,7 +515,7 @@
515
515
  color: #A333C8;
516
516
  }
517
517
  .ui.inverted.purple.elastic.loader:before,
518
- .ui.inverted.purple.elastic.loading.loading.loading:not(.segment):before,
518
+ .ui.inverted.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
519
519
  .ui.inverted.purple.elastic.loading.loading.loading .input > i.icon:before,
520
520
  .ui.inverted.purple.elastic.loading.loading.loading > i.icon:before,
521
521
  .ui.inverted.purple.loading.loading.loading.loading:not(.usual):after,
@@ -527,7 +527,7 @@
527
527
  .ui.pink.elastic.loader.loader:before,
528
528
  .ui.pink.basic.elastic.loading.button:before,
529
529
  .ui.pink.basic.elastic.loading.button:after,
530
- .ui.pink.elastic.loading.loading.loading:not(.segment):before,
530
+ .ui.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
531
531
  .ui.pink.elastic.loading.loading.loading .input > i.icon:before,
532
532
  .ui.pink.elastic.loading.loading.loading.loading > i.icon:before,
533
533
  .ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -537,7 +537,7 @@
537
537
  color: #E03997;
538
538
  }
539
539
  .ui.inverted.pink.elastic.loader:before,
540
- .ui.inverted.pink.elastic.loading.loading.loading:not(.segment):before,
540
+ .ui.inverted.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
541
541
  .ui.inverted.pink.elastic.loading.loading.loading .input > i.icon:before,
542
542
  .ui.inverted.pink.elastic.loading.loading.loading > i.icon:before,
543
543
  .ui.inverted.pink.loading.loading.loading.loading:not(.usual):after,
@@ -549,7 +549,7 @@
549
549
  .ui.brown.elastic.loader.loader:before,
550
550
  .ui.brown.basic.elastic.loading.button:before,
551
551
  .ui.brown.basic.elastic.loading.button:after,
552
- .ui.brown.elastic.loading.loading.loading:not(.segment):before,
552
+ .ui.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
553
553
  .ui.brown.elastic.loading.loading.loading .input > i.icon:before,
554
554
  .ui.brown.elastic.loading.loading.loading.loading > i.icon:before,
555
555
  .ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -559,7 +559,7 @@
559
559
  color: #A5673F;
560
560
  }
561
561
  .ui.inverted.brown.elastic.loader:before,
562
- .ui.inverted.brown.elastic.loading.loading.loading:not(.segment):before,
562
+ .ui.inverted.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
563
563
  .ui.inverted.brown.elastic.loading.loading.loading .input > i.icon:before,
564
564
  .ui.inverted.brown.elastic.loading.loading.loading > i.icon:before,
565
565
  .ui.inverted.brown.loading.loading.loading.loading:not(.usual):after,
@@ -571,7 +571,7 @@
571
571
  .ui.grey.elastic.loader.loader:before,
572
572
  .ui.grey.basic.elastic.loading.button:before,
573
573
  .ui.grey.basic.elastic.loading.button:after,
574
- .ui.grey.elastic.loading.loading.loading:not(.segment):before,
574
+ .ui.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
575
575
  .ui.grey.elastic.loading.loading.loading .input > i.icon:before,
576
576
  .ui.grey.elastic.loading.loading.loading.loading > i.icon:before,
577
577
  .ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -581,7 +581,7 @@
581
581
  color: #767676;
582
582
  }
583
583
  .ui.inverted.grey.elastic.loader:before,
584
- .ui.inverted.grey.elastic.loading.loading.loading:not(.segment):before,
584
+ .ui.inverted.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
585
585
  .ui.inverted.grey.elastic.loading.loading.loading .input > i.icon:before,
586
586
  .ui.inverted.grey.elastic.loading.loading.loading > i.icon:before,
587
587
  .ui.inverted.grey.loading.loading.loading.loading:not(.usual):after,
@@ -593,7 +593,7 @@
593
593
  .ui.black.elastic.loader.loader:before,
594
594
  .ui.black.basic.elastic.loading.button:before,
595
595
  .ui.black.basic.elastic.loading.button:after,
596
- .ui.black.elastic.loading.loading.loading:not(.segment):before,
596
+ .ui.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
597
597
  .ui.black.elastic.loading.loading.loading .input > i.icon:before,
598
598
  .ui.black.elastic.loading.loading.loading.loading > i.icon:before,
599
599
  .ui.black.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -603,7 +603,7 @@
603
603
  color: #1B1C1D;
604
604
  }
605
605
  .ui.inverted.black.elastic.loader:before,
606
- .ui.inverted.black.elastic.loading.loading.loading:not(.segment):before,
606
+ .ui.inverted.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
607
607
  .ui.inverted.black.elastic.loading.loading.loading .input > i.icon:before,
608
608
  .ui.inverted.black.elastic.loading.loading.loading > i.icon:before,
609
609
  .ui.inverted.black.loading.loading.loading.loading:not(.usual):after,
@@ -671,11 +671,15 @@
671
671
  .ui.loader.loader.loader.loader.loader.loader:not(.double):after {
672
672
  border-bottom-color: transparent;
673
673
  }
674
+ .ui.loading.loading.loading.loading.loading.loading.card:after,
675
+ .ui.loading.loading.loading.loading.loading.loading.segments:after,
674
676
  .ui.loading.loading.loading.loading.loading.loading.segment:after,
675
677
  .ui.loading.loading.loading.loading.loading.loading.form:after {
676
678
  border-left-color: rgba(0, 0, 0, 0.1);
677
679
  border-right-color: rgba(0, 0, 0, 0.1);
678
680
  }
681
+ .ui.loading.loading.loading.loading.loading.loading.card:not(.double):after,
682
+ .ui.loading.loading.loading.loading.loading.loading.segments:not(.double):after,
679
683
  .ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after,
680
684
  .ui.loading.loading.loading.loading.loading.loading.form:not(.double):after {
681
685
  border-bottom-color: rgba(0, 0, 0, 0.1);
@@ -691,7 +695,7 @@
691
695
  .ui.inverted.dimmer > .ui.elastic.loader {
692
696
  color: #767676;
693
697
  }
694
- .ui.elastic.loading.loading:not(.form):not(.segment):after,
698
+ .ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
695
699
  .ui.elastic.loading.loading .input > i.icon:after,
696
700
  .ui.elastic.loading.loading > i.icon:after,
697
701
  .ui.elastic.loader.loader:after {
@@ -700,7 +704,7 @@
700
704
  -webkit-animation-delay: 0.3s;
701
705
  animation-delay: 0.3s;
702
706
  }
703
- .ui.elastic.loading.loading.loading:not(.form):not(.segment):before,
707
+ .ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
704
708
  .ui.elastic.loading.loading.loading .input > i.icon:before,
705
709
  .ui.elastic.loading.loading.loading > i.icon:before,
706
710
  .ui.elastic.loader.loader:before {
@@ -713,7 +717,7 @@
713
717
  -webkit-animation: loader 8s infinite linear;
714
718
  animation: loader 8s infinite linear;
715
719
  }
716
- .ui.slow.elastic.loading.loading:not(.form):not(.segment):after,
720
+ .ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
717
721
  .ui.slow.elastic.loading.loading .input > i.icon:after,
718
722
  .ui.slow.elastic.loading.loading > i.icon:after,
719
723
  .ui.slow.elastic.loader.loader:after {
@@ -722,14 +726,14 @@
722
726
  -webkit-animation-delay: 0.45s;
723
727
  animation-delay: 0.45s;
724
728
  }
725
- .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):before,
729
+ .ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
726
730
  .ui.slow.elastic.loading.loading.loading .input > i.icon:before,
727
731
  .ui.slow.elastic.loading.loading.loading > i.icon:before,
728
732
  .ui.slow.elastic.loader.loader:before {
729
733
  -webkit-animation-duration: 1.5s;
730
734
  animation-duration: 1.5s;
731
735
  }
732
- .ui.fast.elastic.loading.loading:not(.form):not(.segment):after,
736
+ .ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
733
737
  .ui.fast.elastic.loading.loading .input > i.icon:after,
734
738
  .ui.fast.elastic.loading.loading > i.icon:after,
735
739
  .ui.fast.elastic.loader.loader:after {
@@ -738,7 +742,7 @@
738
742
  -webkit-animation-delay: 0.2s;
739
743
  animation-delay: 0.2s;
740
744
  }
741
- .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):before,
745
+ .ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
742
746
  .ui.fast.elastic.loading.loading.loading .input > i.icon:before,
743
747
  .ui.fast.elastic.loading.loading.loading > i.icon:before,
744
748
  .ui.fast.elastic.loader.loader:before {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Loader
2
+ * # Fomantic-UI 2.8.8 - Loader
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Rail
2
+ * # Fomantic-UI 2.8.8 - Rail
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Reveal
2
+ * # Fomantic-UI 2.8.8 - Reveal
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *