fomantic-ui-sass 2.7.1 → 2.7.2

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 (64) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +20 -0
  3. data/Rakefile +1 -0
  4. data/app/assets/javascripts/semantic-ui/accordion.js +20 -17
  5. data/app/assets/javascripts/semantic-ui/checkbox.js +18 -17
  6. data/app/assets/javascripts/semantic-ui/dropdown.js +48 -42
  7. data/app/assets/javascripts/semantic-ui/form.js +59 -28
  8. data/app/assets/javascripts/semantic-ui/modal.js +13 -1
  9. data/app/assets/javascripts/semantic-ui/progress.js +5 -5
  10. data/app/assets/javascripts/semantic-ui/search.js +34 -28
  11. data/app/assets/javascripts/semantic-ui/sidebar.js +5 -7
  12. data/app/assets/javascripts/semantic-ui/transition.js +46 -34
  13. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  14. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +7 -1
  15. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1 -1
  16. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +112 -112
  17. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  18. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +66 -66
  19. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +21 -14
  20. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  21. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +2 -4
  24. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +464 -131
  25. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  26. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +8 -3
  27. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +227 -187
  28. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +26 -12
  29. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +68 -19
  30. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +14 -17
  34. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +5 -1
  35. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +26 -0
  36. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +24 -118
  37. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +5 -5
  38. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  42. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +6 -3
  43. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +4 -4
  47. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +68 -21
  48. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  59. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  60. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  62. data/fomantic-ui-sass.gemspec +1 -1
  63. data/lib/fomantic/ui/sass/version.rb +2 -2
  64. metadata +3 -3
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Image
2
+ * # Semantic UI 2.7.2 - Image
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Input
2
+ * # Semantic UI 2.7.2 - Input
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -199,6 +199,7 @@
199
199
  Transparent
200
200
  ---------------------*/
201
201
 
202
+ .ui.transparent.input > textarea,
202
203
  .ui.transparent.input > input {
203
204
  border-color: transparent !important;
204
205
  background-color: transparent !important;
@@ -225,7 +226,8 @@
225
226
  .ui.transparent.inverted.input {
226
227
  color: #FFFFFF;
227
228
  }
228
- .ui.transparent.inverted.input > input {
229
+ .ui.ui.transparent.inverted.input > textarea,
230
+ .ui.ui.transparent.inverted.input > input {
229
231
  color: inherit;
230
232
  }
231
233
  .ui.transparent.inverted.input > input::-webkit-input-placeholder {
@@ -396,14 +398,17 @@
396
398
  left: 1px;
397
399
  }
398
400
 
399
- /* Labeled input error */
401
+ /* Labeled and action input error */
402
+ .ui.action.input.error > .ui.button,
400
403
  .ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
401
404
  border-top: 1px solid #E0B4B4;
402
405
  border-bottom: 1px solid #E0B4B4;
403
406
  }
407
+ .ui.left.action.input.error > .ui.button,
404
408
  .ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
405
409
  border-left: 1px solid #E0B4B4;
406
410
  }
411
+ .ui.action.input.error:not(.left) > input + .ui.button,
407
412
  .ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
408
413
  border-right: 1px solid #E0B4B4;
409
414
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Label
2
+ * # Semantic UI 2.7.2 - Label
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -57,10 +57,11 @@ a.ui.label {
57
57
  .ui.label > img {
58
58
  width: auto !important;
59
59
  vertical-align: middle;
60
- height: 2.1666em !important;
60
+ height: 2.1666em;
61
61
  }
62
62
 
63
63
  /* Icon */
64
+ .ui.left.icon.label > .icon,
64
65
  .ui.label > .icon {
65
66
  width: auto;
66
67
  margin: 0 0.75em 0 0;
@@ -82,17 +83,36 @@ a.ui.label {
82
83
  .ui.label > .close.icon,
83
84
  .ui.label > .delete.icon {
84
85
  cursor: pointer;
85
- margin-right: 0;
86
- margin-left: 0.5em;
87
86
  font-size: 0.92857143em;
88
87
  opacity: 0.5;
89
88
  -webkit-transition: background 0.1s ease;
90
89
  transition: background 0.1s ease;
91
90
  }
91
+ .ui.label > .close.icon:hover,
92
92
  .ui.label > .delete.icon:hover {
93
93
  opacity: 1;
94
94
  }
95
95
 
96
+ /* Backward compatible positioning */
97
+ .ui.label.left.icon > .close.icon,
98
+ .ui.label.left.icon > .delete.icon {
99
+ margin: 0 0.5em 0 0;
100
+ }
101
+ .ui.label:not(.icon) > .close.icon,
102
+ .ui.label:not(.icon) > .delete.icon {
103
+ margin: 0 0 0 0.5em;
104
+ }
105
+
106
+ /* Label for only an icon */
107
+ .ui.icon.label > .icon {
108
+ margin: 0 auto;
109
+ }
110
+
111
+ /* Right Side Icon */
112
+ .ui.right.icon.label > .icon {
113
+ margin: 0 0 0 0.75em;
114
+ }
115
+
96
116
  /*-------------------
97
117
  Group
98
118
  --------------------*/
@@ -264,7 +284,7 @@ a.ui.label {
264
284
  transition: border-color 0.1s ease;
265
285
  }
266
286
  .ui.corner.label .icon {
267
- cursor: default;
287
+ cursor: inherit;
268
288
  position: relative;
269
289
  top: 0.64285714em;
270
290
  left: 0.78571429em;
@@ -584,7 +604,7 @@ a.ui.basic.label:hover {
584
604
  --------------------*/
585
605
 
586
606
  .ui.primary.labels .label,
587
- .ui.primary.label {
607
+ .ui.ui.ui.primary.label {
588
608
  background-color: #2185D0;
589
609
  border-color: #2185D0;
590
610
  color: rgba(255, 255, 255, 0.9);
@@ -592,26 +612,26 @@ a.ui.basic.label:hover {
592
612
 
593
613
  /* Link */
594
614
  .ui.primary.labels a.label:hover,
595
- a.ui.primary.label:hover {
615
+ a.ui.ui.ui.primary.label:hover {
596
616
  background-color: #1678c2;
597
617
  border-color: #1678c2;
598
618
  color: #FFFFFF;
599
619
  }
600
620
 
601
621
  /* Ribbon */
602
- .ui.primary.ribbon.label {
622
+ .ui.ui.ui.primary.ribbon.label {
603
623
  border-color: #1a69a4;
604
624
  }
605
625
 
606
626
  /* Basic */
607
627
  .ui.basic.labels .primary.label,
608
- .ui.basic.primary.label {
628
+ .ui.ui.ui.basic.primary.label {
609
629
  background: none #FFFFFF;
610
630
  border-color: #2185D0;
611
631
  color: #2185D0;
612
632
  }
613
633
  .ui.basic.labels a.primary.label:hover,
614
- a.ui.basic.primary.label:hover {
634
+ a.ui.ui.ui.basic.primary.label:hover {
615
635
  background: none #FFFFFF;
616
636
  border-color: #1678c2;
617
637
  color: #1678c2;
@@ -619,7 +639,7 @@ a.ui.basic.primary.label:hover {
619
639
 
620
640
  /* Inverted */
621
641
  .ui.inverted.labels .primary.label,
622
- .ui.inverted.primary.label {
642
+ .ui.ui.ui.inverted.primary.label {
623
643
  background-color: #54C8FF;
624
644
  border-color: #54C8FF;
625
645
  color: #1B1C1D;
@@ -627,26 +647,26 @@ a.ui.basic.primary.label:hover {
627
647
 
628
648
  /* Inverted Link */
629
649
  .ui.inverted.labels a.primary.label:hover,
630
- a.ui.inverted.primary.label:hover {
650
+ a.ui.ui.ui.inverted.primary.label:hover {
631
651
  background-color: #21b8ff;
632
652
  border-color: #21b8ff;
633
653
  color: #1B1C1D;
634
654
  }
635
655
 
636
656
  /* Inverted Ribbon */
637
- .ui.inverted.primary.ribbon.label {
657
+ .ui.ui.ui.inverted.primary.ribbon.label {
638
658
  border-color: #21b8ff;
639
659
  }
640
660
 
641
661
  /* Inverted Basic */
642
662
  .ui.inverted.basic.labels .primary.label,
643
- .ui.inverted.basic.primary.label {
663
+ .ui.ui.ui.inverted.basic.primary.label {
644
664
  background-color: #1B1C1D;
645
665
  border-color: #54C8FF;
646
666
  color: #54C8FF;
647
667
  }
648
668
  .ui.inverted.basic.labels a.primary.label:hover,
649
- a.ui.inverted.basic.primary.label:hover {
669
+ a.ui.ui.ui.inverted.basic.primary.label:hover {
650
670
  border-color: #21b8ff;
651
671
  background-color: #1B1C1D;
652
672
  color: #21b8ff;
@@ -654,11 +674,11 @@ a.ui.inverted.basic.primary.label:hover {
654
674
 
655
675
  /* Inverted Basic Tags */
656
676
  .ui.inverted.basic.tag.labels .primary.label,
657
- .ui.inverted.primary.basic.tag.label {
677
+ .ui.ui.ui.inverted.primary.basic.tag.label {
658
678
  border: 1px solid #54C8FF;
659
679
  }
660
680
  .ui.inverted.basic.tag.labels .primary.label:before,
661
- .ui.inverted.primary.basic.tag.label:before {
681
+ .ui.ui.ui.inverted.primary.basic.tag.label:before {
662
682
  border-color: inherit;
663
683
  border-width: 1px 0 0 1px;
664
684
  border-style: inherit;
@@ -666,7 +686,7 @@ a.ui.inverted.basic.primary.label:hover {
666
686
  right: calc(100% + 1px);
667
687
  }
668
688
  .ui.secondary.labels .label,
669
- .ui.secondary.label {
689
+ .ui.ui.ui.secondary.label {
670
690
  background-color: #1B1C1D;
671
691
  border-color: #1B1C1D;
672
692
  color: rgba(255, 255, 255, 0.9);
@@ -674,26 +694,26 @@ a.ui.inverted.basic.primary.label:hover {
674
694
 
675
695
  /* Link */
676
696
  .ui.secondary.labels a.label:hover,
677
- a.ui.secondary.label:hover {
697
+ a.ui.ui.ui.secondary.label:hover {
678
698
  background-color: #27292a;
679
699
  border-color: #27292a;
680
700
  color: #FFFFFF;
681
701
  }
682
702
 
683
703
  /* Ribbon */
684
- .ui.secondary.ribbon.label {
704
+ .ui.ui.ui.secondary.ribbon.label {
685
705
  border-color: #020203;
686
706
  }
687
707
 
688
708
  /* Basic */
689
709
  .ui.basic.labels .secondary.label,
690
- .ui.basic.secondary.label {
710
+ .ui.ui.ui.basic.secondary.label {
691
711
  background: none #FFFFFF;
692
712
  border-color: #1B1C1D;
693
713
  color: #1B1C1D;
694
714
  }
695
715
  .ui.basic.labels a.secondary.label:hover,
696
- a.ui.basic.secondary.label:hover {
716
+ a.ui.ui.ui.basic.secondary.label:hover {
697
717
  background: none #FFFFFF;
698
718
  border-color: #27292a;
699
719
  color: #27292a;
@@ -701,7 +721,7 @@ a.ui.basic.secondary.label:hover {
701
721
 
702
722
  /* Inverted */
703
723
  .ui.inverted.labels .secondary.label,
704
- .ui.inverted.secondary.label {
724
+ .ui.ui.ui.inverted.secondary.label {
705
725
  background-color: #545454;
706
726
  border-color: #545454;
707
727
  color: #1B1C1D;
@@ -709,26 +729,26 @@ a.ui.basic.secondary.label:hover {
709
729
 
710
730
  /* Inverted Link */
711
731
  .ui.inverted.labels a.secondary.label:hover,
712
- a.ui.inverted.secondary.label:hover {
732
+ a.ui.ui.ui.inverted.secondary.label:hover {
713
733
  background-color: #6e6e6e;
714
734
  border-color: #6e6e6e;
715
735
  color: #1B1C1D;
716
736
  }
717
737
 
718
738
  /* Inverted Ribbon */
719
- .ui.inverted.secondary.ribbon.label {
739
+ .ui.ui.ui.inverted.secondary.ribbon.label {
720
740
  border-color: #3b3b3b;
721
741
  }
722
742
 
723
743
  /* Inverted Basic */
724
744
  .ui.inverted.basic.labels .secondary.label,
725
- .ui.inverted.basic.secondary.label {
745
+ .ui.ui.ui.inverted.basic.secondary.label {
726
746
  background-color: #1B1C1D;
727
747
  border-color: #545454;
728
748
  color: #545454;
729
749
  }
730
750
  .ui.inverted.basic.labels a.secondary.label:hover,
731
- a.ui.inverted.basic.secondary.label:hover {
751
+ a.ui.ui.ui.inverted.basic.secondary.label:hover {
732
752
  border-color: #6e6e6e;
733
753
  background-color: #1B1C1D;
734
754
  color: #6e6e6e;
@@ -736,11 +756,11 @@ a.ui.inverted.basic.secondary.label:hover {
736
756
 
737
757
  /* Inverted Basic Tags */
738
758
  .ui.inverted.basic.tag.labels .secondary.label,
739
- .ui.inverted.secondary.basic.tag.label {
759
+ .ui.ui.ui.inverted.secondary.basic.tag.label {
740
760
  border: 1px solid #545454;
741
761
  }
742
762
  .ui.inverted.basic.tag.labels .secondary.label:before,
743
- .ui.inverted.secondary.basic.tag.label:before {
763
+ .ui.ui.ui.inverted.secondary.basic.tag.label:before {
744
764
  border-color: inherit;
745
765
  border-width: 1px 0 0 1px;
746
766
  border-style: inherit;
@@ -748,7 +768,7 @@ a.ui.inverted.basic.secondary.label:hover {
748
768
  right: calc(100% + 1px);
749
769
  }
750
770
  .ui.red.labels .label,
751
- .ui.red.label {
771
+ .ui.ui.ui.red.label {
752
772
  background-color: #DB2828;
753
773
  border-color: #DB2828;
754
774
  color: #FFFFFF;
@@ -756,26 +776,26 @@ a.ui.inverted.basic.secondary.label:hover {
756
776
 
757
777
  /* Link */
758
778
  .ui.red.labels a.label:hover,
759
- a.ui.red.label:hover {
779
+ a.ui.ui.ui.red.label:hover {
760
780
  background-color: #d01919;
761
781
  border-color: #d01919;
762
782
  color: #FFFFFF;
763
783
  }
764
784
 
765
785
  /* Ribbon */
766
- .ui.red.ribbon.label {
786
+ .ui.ui.ui.red.ribbon.label {
767
787
  border-color: #b21e1e;
768
788
  }
769
789
 
770
790
  /* Basic */
771
791
  .ui.basic.labels .red.label,
772
- .ui.basic.red.label {
792
+ .ui.ui.ui.basic.red.label {
773
793
  background: none #FFFFFF;
774
794
  border-color: #DB2828;
775
795
  color: #DB2828;
776
796
  }
777
797
  .ui.basic.labels a.red.label:hover,
778
- a.ui.basic.red.label:hover {
798
+ a.ui.ui.ui.basic.red.label:hover {
779
799
  background: none #FFFFFF;
780
800
  border-color: #d01919;
781
801
  color: #d01919;
@@ -783,7 +803,7 @@ a.ui.basic.red.label:hover {
783
803
 
784
804
  /* Inverted */
785
805
  .ui.inverted.labels .red.label,
786
- .ui.inverted.red.label {
806
+ .ui.ui.ui.inverted.red.label {
787
807
  background-color: #FF695E;
788
808
  border-color: #FF695E;
789
809
  color: #1B1C1D;
@@ -791,26 +811,26 @@ a.ui.basic.red.label:hover {
791
811
 
792
812
  /* Inverted Link */
793
813
  .ui.inverted.labels a.red.label:hover,
794
- a.ui.inverted.red.label:hover {
814
+ a.ui.ui.ui.inverted.red.label:hover {
795
815
  background-color: #ff392b;
796
816
  border-color: #ff392b;
797
817
  color: #1B1C1D;
798
818
  }
799
819
 
800
820
  /* Inverted Ribbon */
801
- .ui.inverted.red.ribbon.label {
821
+ .ui.ui.ui.inverted.red.ribbon.label {
802
822
  border-color: #ff392b;
803
823
  }
804
824
 
805
825
  /* Inverted Basic */
806
826
  .ui.inverted.basic.labels .red.label,
807
- .ui.inverted.basic.red.label {
827
+ .ui.ui.ui.inverted.basic.red.label {
808
828
  background-color: #1B1C1D;
809
829
  border-color: #FF695E;
810
830
  color: #FF695E;
811
831
  }
812
832
  .ui.inverted.basic.labels a.red.label:hover,
813
- a.ui.inverted.basic.red.label:hover {
833
+ a.ui.ui.ui.inverted.basic.red.label:hover {
814
834
  border-color: #ff392b;
815
835
  background-color: #1B1C1D;
816
836
  color: #ff392b;
@@ -818,11 +838,11 @@ a.ui.inverted.basic.red.label:hover {
818
838
 
819
839
  /* Inverted Basic Tags */
820
840
  .ui.inverted.basic.tag.labels .red.label,
821
- .ui.inverted.red.basic.tag.label {
841
+ .ui.ui.ui.inverted.red.basic.tag.label {
822
842
  border: 1px solid #FF695E;
823
843
  }
824
844
  .ui.inverted.basic.tag.labels .red.label:before,
825
- .ui.inverted.red.basic.tag.label:before {
845
+ .ui.ui.ui.inverted.red.basic.tag.label:before {
826
846
  border-color: inherit;
827
847
  border-width: 1px 0 0 1px;
828
848
  border-style: inherit;
@@ -830,7 +850,7 @@ a.ui.inverted.basic.red.label:hover {
830
850
  right: calc(100% + 1px);
831
851
  }
832
852
  .ui.orange.labels .label,
833
- .ui.orange.label {
853
+ .ui.ui.ui.orange.label {
834
854
  background-color: #F2711C;
835
855
  border-color: #F2711C;
836
856
  color: #FFFFFF;
@@ -838,26 +858,26 @@ a.ui.inverted.basic.red.label:hover {
838
858
 
839
859
  /* Link */
840
860
  .ui.orange.labels a.label:hover,
841
- a.ui.orange.label:hover {
861
+ a.ui.ui.ui.orange.label:hover {
842
862
  background-color: #f26202;
843
863
  border-color: #f26202;
844
864
  color: #FFFFFF;
845
865
  }
846
866
 
847
867
  /* Ribbon */
848
- .ui.orange.ribbon.label {
868
+ .ui.ui.ui.orange.ribbon.label {
849
869
  border-color: #cf590c;
850
870
  }
851
871
 
852
872
  /* Basic */
853
873
  .ui.basic.labels .orange.label,
854
- .ui.basic.orange.label {
874
+ .ui.ui.ui.basic.orange.label {
855
875
  background: none #FFFFFF;
856
876
  border-color: #F2711C;
857
877
  color: #F2711C;
858
878
  }
859
879
  .ui.basic.labels a.orange.label:hover,
860
- a.ui.basic.orange.label:hover {
880
+ a.ui.ui.ui.basic.orange.label:hover {
861
881
  background: none #FFFFFF;
862
882
  border-color: #f26202;
863
883
  color: #f26202;
@@ -865,7 +885,7 @@ a.ui.basic.orange.label:hover {
865
885
 
866
886
  /* Inverted */
867
887
  .ui.inverted.labels .orange.label,
868
- .ui.inverted.orange.label {
888
+ .ui.ui.ui.inverted.orange.label {
869
889
  background-color: #FF851B;
870
890
  border-color: #FF851B;
871
891
  color: #1B1C1D;
@@ -873,26 +893,26 @@ a.ui.basic.orange.label:hover {
873
893
 
874
894
  /* Inverted Link */
875
895
  .ui.inverted.labels a.orange.label:hover,
876
- a.ui.inverted.orange.label:hover {
896
+ a.ui.ui.ui.inverted.orange.label:hover {
877
897
  background-color: #e76b00;
878
898
  border-color: #e76b00;
879
899
  color: #1B1C1D;
880
900
  }
881
901
 
882
902
  /* Inverted Ribbon */
883
- .ui.inverted.orange.ribbon.label {
903
+ .ui.ui.ui.inverted.orange.ribbon.label {
884
904
  border-color: #e76b00;
885
905
  }
886
906
 
887
907
  /* Inverted Basic */
888
908
  .ui.inverted.basic.labels .orange.label,
889
- .ui.inverted.basic.orange.label {
909
+ .ui.ui.ui.inverted.basic.orange.label {
890
910
  background-color: #1B1C1D;
891
911
  border-color: #FF851B;
892
912
  color: #FF851B;
893
913
  }
894
914
  .ui.inverted.basic.labels a.orange.label:hover,
895
- a.ui.inverted.basic.orange.label:hover {
915
+ a.ui.ui.ui.inverted.basic.orange.label:hover {
896
916
  border-color: #e76b00;
897
917
  background-color: #1B1C1D;
898
918
  color: #e76b00;
@@ -900,11 +920,11 @@ a.ui.inverted.basic.orange.label:hover {
900
920
 
901
921
  /* Inverted Basic Tags */
902
922
  .ui.inverted.basic.tag.labels .orange.label,
903
- .ui.inverted.orange.basic.tag.label {
923
+ .ui.ui.ui.inverted.orange.basic.tag.label {
904
924
  border: 1px solid #FF851B;
905
925
  }
906
926
  .ui.inverted.basic.tag.labels .orange.label:before,
907
- .ui.inverted.orange.basic.tag.label:before {
927
+ .ui.ui.ui.inverted.orange.basic.tag.label:before {
908
928
  border-color: inherit;
909
929
  border-width: 1px 0 0 1px;
910
930
  border-style: inherit;
@@ -912,7 +932,7 @@ a.ui.inverted.basic.orange.label:hover {
912
932
  right: calc(100% + 1px);
913
933
  }
914
934
  .ui.yellow.labels .label,
915
- .ui.yellow.label {
935
+ .ui.ui.ui.yellow.label {
916
936
  background-color: #FBBD08;
917
937
  border-color: #FBBD08;
918
938
  color: #FFFFFF;
@@ -920,26 +940,26 @@ a.ui.inverted.basic.orange.label:hover {
920
940
 
921
941
  /* Link */
922
942
  .ui.yellow.labels a.label:hover,
923
- a.ui.yellow.label:hover {
943
+ a.ui.ui.ui.yellow.label:hover {
924
944
  background-color: #eaae00;
925
945
  border-color: #eaae00;
926
946
  color: #FFFFFF;
927
947
  }
928
948
 
929
949
  /* Ribbon */
930
- .ui.yellow.ribbon.label {
950
+ .ui.ui.ui.yellow.ribbon.label {
931
951
  border-color: #cd9903;
932
952
  }
933
953
 
934
954
  /* Basic */
935
955
  .ui.basic.labels .yellow.label,
936
- .ui.basic.yellow.label {
956
+ .ui.ui.ui.basic.yellow.label {
937
957
  background: none #FFFFFF;
938
958
  border-color: #FBBD08;
939
959
  color: #FBBD08;
940
960
  }
941
961
  .ui.basic.labels a.yellow.label:hover,
942
- a.ui.basic.yellow.label:hover {
962
+ a.ui.ui.ui.basic.yellow.label:hover {
943
963
  background: none #FFFFFF;
944
964
  border-color: #eaae00;
945
965
  color: #eaae00;
@@ -947,7 +967,7 @@ a.ui.basic.yellow.label:hover {
947
967
 
948
968
  /* Inverted */
949
969
  .ui.inverted.labels .yellow.label,
950
- .ui.inverted.yellow.label {
970
+ .ui.ui.ui.inverted.yellow.label {
951
971
  background-color: #FFE21F;
952
972
  border-color: #FFE21F;
953
973
  color: #1B1C1D;
@@ -955,26 +975,26 @@ a.ui.basic.yellow.label:hover {
955
975
 
956
976
  /* Inverted Link */
957
977
  .ui.inverted.labels a.yellow.label:hover,
958
- a.ui.inverted.yellow.label:hover {
978
+ a.ui.ui.ui.inverted.yellow.label:hover {
959
979
  background-color: #ebcd00;
960
980
  border-color: #ebcd00;
961
981
  color: #1B1C1D;
962
982
  }
963
983
 
964
984
  /* Inverted Ribbon */
965
- .ui.inverted.yellow.ribbon.label {
985
+ .ui.ui.ui.inverted.yellow.ribbon.label {
966
986
  border-color: #ebcd00;
967
987
  }
968
988
 
969
989
  /* Inverted Basic */
970
990
  .ui.inverted.basic.labels .yellow.label,
971
- .ui.inverted.basic.yellow.label {
991
+ .ui.ui.ui.inverted.basic.yellow.label {
972
992
  background-color: #1B1C1D;
973
993
  border-color: #FFE21F;
974
994
  color: #FFE21F;
975
995
  }
976
996
  .ui.inverted.basic.labels a.yellow.label:hover,
977
- a.ui.inverted.basic.yellow.label:hover {
997
+ a.ui.ui.ui.inverted.basic.yellow.label:hover {
978
998
  border-color: #ebcd00;
979
999
  background-color: #1B1C1D;
980
1000
  color: #ebcd00;
@@ -982,11 +1002,11 @@ a.ui.inverted.basic.yellow.label:hover {
982
1002
 
983
1003
  /* Inverted Basic Tags */
984
1004
  .ui.inverted.basic.tag.labels .yellow.label,
985
- .ui.inverted.yellow.basic.tag.label {
1005
+ .ui.ui.ui.inverted.yellow.basic.tag.label {
986
1006
  border: 1px solid #FFE21F;
987
1007
  }
988
1008
  .ui.inverted.basic.tag.labels .yellow.label:before,
989
- .ui.inverted.yellow.basic.tag.label:before {
1009
+ .ui.ui.ui.inverted.yellow.basic.tag.label:before {
990
1010
  border-color: inherit;
991
1011
  border-width: 1px 0 0 1px;
992
1012
  border-style: inherit;
@@ -994,7 +1014,7 @@ a.ui.inverted.basic.yellow.label:hover {
994
1014
  right: calc(100% + 1px);
995
1015
  }
996
1016
  .ui.olive.labels .label,
997
- .ui.olive.label {
1017
+ .ui.ui.ui.olive.label {
998
1018
  background-color: #B5CC18;
999
1019
  border-color: #B5CC18;
1000
1020
  color: #FFFFFF;
@@ -1002,26 +1022,26 @@ a.ui.inverted.basic.yellow.label:hover {
1002
1022
 
1003
1023
  /* Link */
1004
1024
  .ui.olive.labels a.label:hover,
1005
- a.ui.olive.label:hover {
1025
+ a.ui.ui.ui.olive.label:hover {
1006
1026
  background-color: #a7bd0d;
1007
1027
  border-color: #a7bd0d;
1008
1028
  color: #FFFFFF;
1009
1029
  }
1010
1030
 
1011
1031
  /* Ribbon */
1012
- .ui.olive.ribbon.label {
1032
+ .ui.ui.ui.olive.ribbon.label {
1013
1033
  border-color: #8d9e13;
1014
1034
  }
1015
1035
 
1016
1036
  /* Basic */
1017
1037
  .ui.basic.labels .olive.label,
1018
- .ui.basic.olive.label {
1038
+ .ui.ui.ui.basic.olive.label {
1019
1039
  background: none #FFFFFF;
1020
1040
  border-color: #B5CC18;
1021
1041
  color: #B5CC18;
1022
1042
  }
1023
1043
  .ui.basic.labels a.olive.label:hover,
1024
- a.ui.basic.olive.label:hover {
1044
+ a.ui.ui.ui.basic.olive.label:hover {
1025
1045
  background: none #FFFFFF;
1026
1046
  border-color: #a7bd0d;
1027
1047
  color: #a7bd0d;
@@ -1029,7 +1049,7 @@ a.ui.basic.olive.label:hover {
1029
1049
 
1030
1050
  /* Inverted */
1031
1051
  .ui.inverted.labels .olive.label,
1032
- .ui.inverted.olive.label {
1052
+ .ui.ui.ui.inverted.olive.label {
1033
1053
  background-color: #D9E778;
1034
1054
  border-color: #D9E778;
1035
1055
  color: #1B1C1D;
@@ -1037,26 +1057,26 @@ a.ui.basic.olive.label:hover {
1037
1057
 
1038
1058
  /* Inverted Link */
1039
1059
  .ui.inverted.labels a.olive.label:hover,
1040
- a.ui.inverted.olive.label:hover {
1060
+ a.ui.ui.ui.inverted.olive.label:hover {
1041
1061
  background-color: #d2e745;
1042
1062
  border-color: #d2e745;
1043
1063
  color: #1B1C1D;
1044
1064
  }
1045
1065
 
1046
1066
  /* Inverted Ribbon */
1047
- .ui.inverted.olive.ribbon.label {
1067
+ .ui.ui.ui.inverted.olive.ribbon.label {
1048
1068
  border-color: #cddf4d;
1049
1069
  }
1050
1070
 
1051
1071
  /* Inverted Basic */
1052
1072
  .ui.inverted.basic.labels .olive.label,
1053
- .ui.inverted.basic.olive.label {
1073
+ .ui.ui.ui.inverted.basic.olive.label {
1054
1074
  background-color: #1B1C1D;
1055
1075
  border-color: #D9E778;
1056
1076
  color: #D9E778;
1057
1077
  }
1058
1078
  .ui.inverted.basic.labels a.olive.label:hover,
1059
- a.ui.inverted.basic.olive.label:hover {
1079
+ a.ui.ui.ui.inverted.basic.olive.label:hover {
1060
1080
  border-color: #d2e745;
1061
1081
  background-color: #1B1C1D;
1062
1082
  color: #d2e745;
@@ -1064,11 +1084,11 @@ a.ui.inverted.basic.olive.label:hover {
1064
1084
 
1065
1085
  /* Inverted Basic Tags */
1066
1086
  .ui.inverted.basic.tag.labels .olive.label,
1067
- .ui.inverted.olive.basic.tag.label {
1087
+ .ui.ui.ui.inverted.olive.basic.tag.label {
1068
1088
  border: 1px solid #D9E778;
1069
1089
  }
1070
1090
  .ui.inverted.basic.tag.labels .olive.label:before,
1071
- .ui.inverted.olive.basic.tag.label:before {
1091
+ .ui.ui.ui.inverted.olive.basic.tag.label:before {
1072
1092
  border-color: inherit;
1073
1093
  border-width: 1px 0 0 1px;
1074
1094
  border-style: inherit;
@@ -1076,7 +1096,7 @@ a.ui.inverted.basic.olive.label:hover {
1076
1096
  right: calc(100% + 1px);
1077
1097
  }
1078
1098
  .ui.green.labels .label,
1079
- .ui.green.label {
1099
+ .ui.ui.ui.green.label {
1080
1100
  background-color: #21BA45;
1081
1101
  border-color: #21BA45;
1082
1102
  color: #FFFFFF;
@@ -1084,26 +1104,26 @@ a.ui.inverted.basic.olive.label:hover {
1084
1104
 
1085
1105
  /* Link */
1086
1106
  .ui.green.labels a.label:hover,
1087
- a.ui.green.label:hover {
1107
+ a.ui.ui.ui.green.label:hover {
1088
1108
  background-color: #16ab39;
1089
1109
  border-color: #16ab39;
1090
1110
  color: #FFFFFF;
1091
1111
  }
1092
1112
 
1093
1113
  /* Ribbon */
1094
- .ui.green.ribbon.label {
1114
+ .ui.ui.ui.green.ribbon.label {
1095
1115
  border-color: #198f35;
1096
1116
  }
1097
1117
 
1098
1118
  /* Basic */
1099
1119
  .ui.basic.labels .green.label,
1100
- .ui.basic.green.label {
1120
+ .ui.ui.ui.basic.green.label {
1101
1121
  background: none #FFFFFF;
1102
1122
  border-color: #21BA45;
1103
1123
  color: #21BA45;
1104
1124
  }
1105
1125
  .ui.basic.labels a.green.label:hover,
1106
- a.ui.basic.green.label:hover {
1126
+ a.ui.ui.ui.basic.green.label:hover {
1107
1127
  background: none #FFFFFF;
1108
1128
  border-color: #16ab39;
1109
1129
  color: #16ab39;
@@ -1111,7 +1131,7 @@ a.ui.basic.green.label:hover {
1111
1131
 
1112
1132
  /* Inverted */
1113
1133
  .ui.inverted.labels .green.label,
1114
- .ui.inverted.green.label {
1134
+ .ui.ui.ui.inverted.green.label {
1115
1135
  background-color: #2ECC40;
1116
1136
  border-color: #2ECC40;
1117
1137
  color: #1B1C1D;
@@ -1119,26 +1139,26 @@ a.ui.basic.green.label:hover {
1119
1139
 
1120
1140
  /* Inverted Link */
1121
1141
  .ui.inverted.labels a.green.label:hover,
1122
- a.ui.inverted.green.label:hover {
1142
+ a.ui.ui.ui.inverted.green.label:hover {
1123
1143
  background-color: #1ea92e;
1124
1144
  border-color: #1ea92e;
1125
1145
  color: #1B1C1D;
1126
1146
  }
1127
1147
 
1128
1148
  /* Inverted Ribbon */
1129
- .ui.inverted.green.ribbon.label {
1149
+ .ui.ui.ui.inverted.green.ribbon.label {
1130
1150
  border-color: #25a233;
1131
1151
  }
1132
1152
 
1133
1153
  /* Inverted Basic */
1134
1154
  .ui.inverted.basic.labels .green.label,
1135
- .ui.inverted.basic.green.label {
1155
+ .ui.ui.ui.inverted.basic.green.label {
1136
1156
  background-color: #1B1C1D;
1137
1157
  border-color: #2ECC40;
1138
1158
  color: #2ECC40;
1139
1159
  }
1140
1160
  .ui.inverted.basic.labels a.green.label:hover,
1141
- a.ui.inverted.basic.green.label:hover {
1161
+ a.ui.ui.ui.inverted.basic.green.label:hover {
1142
1162
  border-color: #1ea92e;
1143
1163
  background-color: #1B1C1D;
1144
1164
  color: #1ea92e;
@@ -1146,11 +1166,11 @@ a.ui.inverted.basic.green.label:hover {
1146
1166
 
1147
1167
  /* Inverted Basic Tags */
1148
1168
  .ui.inverted.basic.tag.labels .green.label,
1149
- .ui.inverted.green.basic.tag.label {
1169
+ .ui.ui.ui.inverted.green.basic.tag.label {
1150
1170
  border: 1px solid #2ECC40;
1151
1171
  }
1152
1172
  .ui.inverted.basic.tag.labels .green.label:before,
1153
- .ui.inverted.green.basic.tag.label:before {
1173
+ .ui.ui.ui.inverted.green.basic.tag.label:before {
1154
1174
  border-color: inherit;
1155
1175
  border-width: 1px 0 0 1px;
1156
1176
  border-style: inherit;
@@ -1158,7 +1178,7 @@ a.ui.inverted.basic.green.label:hover {
1158
1178
  right: calc(100% + 1px);
1159
1179
  }
1160
1180
  .ui.teal.labels .label,
1161
- .ui.teal.label {
1181
+ .ui.ui.ui.teal.label {
1162
1182
  background-color: #00B5AD;
1163
1183
  border-color: #00B5AD;
1164
1184
  color: #FFFFFF;
@@ -1166,26 +1186,26 @@ a.ui.inverted.basic.green.label:hover {
1166
1186
 
1167
1187
  /* Link */
1168
1188
  .ui.teal.labels a.label:hover,
1169
- a.ui.teal.label:hover {
1189
+ a.ui.ui.ui.teal.label:hover {
1170
1190
  background-color: #009c95;
1171
1191
  border-color: #009c95;
1172
1192
  color: #FFFFFF;
1173
1193
  }
1174
1194
 
1175
1195
  /* Ribbon */
1176
- .ui.teal.ribbon.label {
1196
+ .ui.ui.ui.teal.ribbon.label {
1177
1197
  border-color: #00827c;
1178
1198
  }
1179
1199
 
1180
1200
  /* Basic */
1181
1201
  .ui.basic.labels .teal.label,
1182
- .ui.basic.teal.label {
1202
+ .ui.ui.ui.basic.teal.label {
1183
1203
  background: none #FFFFFF;
1184
1204
  border-color: #00B5AD;
1185
1205
  color: #00B5AD;
1186
1206
  }
1187
1207
  .ui.basic.labels a.teal.label:hover,
1188
- a.ui.basic.teal.label:hover {
1208
+ a.ui.ui.ui.basic.teal.label:hover {
1189
1209
  background: none #FFFFFF;
1190
1210
  border-color: #009c95;
1191
1211
  color: #009c95;
@@ -1193,7 +1213,7 @@ a.ui.basic.teal.label:hover {
1193
1213
 
1194
1214
  /* Inverted */
1195
1215
  .ui.inverted.labels .teal.label,
1196
- .ui.inverted.teal.label {
1216
+ .ui.ui.ui.inverted.teal.label {
1197
1217
  background-color: #6DFFFF;
1198
1218
  border-color: #6DFFFF;
1199
1219
  color: #1B1C1D;
@@ -1201,26 +1221,26 @@ a.ui.basic.teal.label:hover {
1201
1221
 
1202
1222
  /* Inverted Link */
1203
1223
  .ui.inverted.labels a.teal.label:hover,
1204
- a.ui.inverted.teal.label:hover {
1224
+ a.ui.ui.ui.inverted.teal.label:hover {
1205
1225
  background-color: #3affff;
1206
1226
  border-color: #3affff;
1207
1227
  color: #1B1C1D;
1208
1228
  }
1209
1229
 
1210
1230
  /* Inverted Ribbon */
1211
- .ui.inverted.teal.ribbon.label {
1231
+ .ui.ui.ui.inverted.teal.ribbon.label {
1212
1232
  border-color: #3affff;
1213
1233
  }
1214
1234
 
1215
1235
  /* Inverted Basic */
1216
1236
  .ui.inverted.basic.labels .teal.label,
1217
- .ui.inverted.basic.teal.label {
1237
+ .ui.ui.ui.inverted.basic.teal.label {
1218
1238
  background-color: #1B1C1D;
1219
1239
  border-color: #6DFFFF;
1220
1240
  color: #6DFFFF;
1221
1241
  }
1222
1242
  .ui.inverted.basic.labels a.teal.label:hover,
1223
- a.ui.inverted.basic.teal.label:hover {
1243
+ a.ui.ui.ui.inverted.basic.teal.label:hover {
1224
1244
  border-color: #3affff;
1225
1245
  background-color: #1B1C1D;
1226
1246
  color: #3affff;
@@ -1228,11 +1248,11 @@ a.ui.inverted.basic.teal.label:hover {
1228
1248
 
1229
1249
  /* Inverted Basic Tags */
1230
1250
  .ui.inverted.basic.tag.labels .teal.label,
1231
- .ui.inverted.teal.basic.tag.label {
1251
+ .ui.ui.ui.inverted.teal.basic.tag.label {
1232
1252
  border: 1px solid #6DFFFF;
1233
1253
  }
1234
1254
  .ui.inverted.basic.tag.labels .teal.label:before,
1235
- .ui.inverted.teal.basic.tag.label:before {
1255
+ .ui.ui.ui.inverted.teal.basic.tag.label:before {
1236
1256
  border-color: inherit;
1237
1257
  border-width: 1px 0 0 1px;
1238
1258
  border-style: inherit;
@@ -1240,7 +1260,7 @@ a.ui.inverted.basic.teal.label:hover {
1240
1260
  right: calc(100% + 1px);
1241
1261
  }
1242
1262
  .ui.blue.labels .label,
1243
- .ui.blue.label {
1263
+ .ui.ui.ui.blue.label {
1244
1264
  background-color: #2185D0;
1245
1265
  border-color: #2185D0;
1246
1266
  color: #FFFFFF;
@@ -1248,26 +1268,26 @@ a.ui.inverted.basic.teal.label:hover {
1248
1268
 
1249
1269
  /* Link */
1250
1270
  .ui.blue.labels a.label:hover,
1251
- a.ui.blue.label:hover {
1271
+ a.ui.ui.ui.blue.label:hover {
1252
1272
  background-color: #1678c2;
1253
1273
  border-color: #1678c2;
1254
1274
  color: #FFFFFF;
1255
1275
  }
1256
1276
 
1257
1277
  /* Ribbon */
1258
- .ui.blue.ribbon.label {
1278
+ .ui.ui.ui.blue.ribbon.label {
1259
1279
  border-color: #1a69a4;
1260
1280
  }
1261
1281
 
1262
1282
  /* Basic */
1263
1283
  .ui.basic.labels .blue.label,
1264
- .ui.basic.blue.label {
1284
+ .ui.ui.ui.basic.blue.label {
1265
1285
  background: none #FFFFFF;
1266
1286
  border-color: #2185D0;
1267
1287
  color: #2185D0;
1268
1288
  }
1269
1289
  .ui.basic.labels a.blue.label:hover,
1270
- a.ui.basic.blue.label:hover {
1290
+ a.ui.ui.ui.basic.blue.label:hover {
1271
1291
  background: none #FFFFFF;
1272
1292
  border-color: #1678c2;
1273
1293
  color: #1678c2;
@@ -1275,7 +1295,7 @@ a.ui.basic.blue.label:hover {
1275
1295
 
1276
1296
  /* Inverted */
1277
1297
  .ui.inverted.labels .blue.label,
1278
- .ui.inverted.blue.label {
1298
+ .ui.ui.ui.inverted.blue.label {
1279
1299
  background-color: #54C8FF;
1280
1300
  border-color: #54C8FF;
1281
1301
  color: #1B1C1D;
@@ -1283,26 +1303,26 @@ a.ui.basic.blue.label:hover {
1283
1303
 
1284
1304
  /* Inverted Link */
1285
1305
  .ui.inverted.labels a.blue.label:hover,
1286
- a.ui.inverted.blue.label:hover {
1306
+ a.ui.ui.ui.inverted.blue.label:hover {
1287
1307
  background-color: #21b8ff;
1288
1308
  border-color: #21b8ff;
1289
1309
  color: #1B1C1D;
1290
1310
  }
1291
1311
 
1292
1312
  /* Inverted Ribbon */
1293
- .ui.inverted.blue.ribbon.label {
1313
+ .ui.ui.ui.inverted.blue.ribbon.label {
1294
1314
  border-color: #21b8ff;
1295
1315
  }
1296
1316
 
1297
1317
  /* Inverted Basic */
1298
1318
  .ui.inverted.basic.labels .blue.label,
1299
- .ui.inverted.basic.blue.label {
1319
+ .ui.ui.ui.inverted.basic.blue.label {
1300
1320
  background-color: #1B1C1D;
1301
1321
  border-color: #54C8FF;
1302
1322
  color: #54C8FF;
1303
1323
  }
1304
1324
  .ui.inverted.basic.labels a.blue.label:hover,
1305
- a.ui.inverted.basic.blue.label:hover {
1325
+ a.ui.ui.ui.inverted.basic.blue.label:hover {
1306
1326
  border-color: #21b8ff;
1307
1327
  background-color: #1B1C1D;
1308
1328
  color: #21b8ff;
@@ -1310,11 +1330,11 @@ a.ui.inverted.basic.blue.label:hover {
1310
1330
 
1311
1331
  /* Inverted Basic Tags */
1312
1332
  .ui.inverted.basic.tag.labels .blue.label,
1313
- .ui.inverted.blue.basic.tag.label {
1333
+ .ui.ui.ui.inverted.blue.basic.tag.label {
1314
1334
  border: 1px solid #54C8FF;
1315
1335
  }
1316
1336
  .ui.inverted.basic.tag.labels .blue.label:before,
1317
- .ui.inverted.blue.basic.tag.label:before {
1337
+ .ui.ui.ui.inverted.blue.basic.tag.label:before {
1318
1338
  border-color: inherit;
1319
1339
  border-width: 1px 0 0 1px;
1320
1340
  border-style: inherit;
@@ -1322,7 +1342,7 @@ a.ui.inverted.basic.blue.label:hover {
1322
1342
  right: calc(100% + 1px);
1323
1343
  }
1324
1344
  .ui.violet.labels .label,
1325
- .ui.violet.label {
1345
+ .ui.ui.ui.violet.label {
1326
1346
  background-color: #6435C9;
1327
1347
  border-color: #6435C9;
1328
1348
  color: #FFFFFF;
@@ -1330,26 +1350,26 @@ a.ui.inverted.basic.blue.label:hover {
1330
1350
 
1331
1351
  /* Link */
1332
1352
  .ui.violet.labels a.label:hover,
1333
- a.ui.violet.label:hover {
1353
+ a.ui.ui.ui.violet.label:hover {
1334
1354
  background-color: #5829bb;
1335
1355
  border-color: #5829bb;
1336
1356
  color: #FFFFFF;
1337
1357
  }
1338
1358
 
1339
1359
  /* Ribbon */
1340
- .ui.violet.ribbon.label {
1360
+ .ui.ui.ui.violet.ribbon.label {
1341
1361
  border-color: #502aa1;
1342
1362
  }
1343
1363
 
1344
1364
  /* Basic */
1345
1365
  .ui.basic.labels .violet.label,
1346
- .ui.basic.violet.label {
1366
+ .ui.ui.ui.basic.violet.label {
1347
1367
  background: none #FFFFFF;
1348
1368
  border-color: #6435C9;
1349
1369
  color: #6435C9;
1350
1370
  }
1351
1371
  .ui.basic.labels a.violet.label:hover,
1352
- a.ui.basic.violet.label:hover {
1372
+ a.ui.ui.ui.basic.violet.label:hover {
1353
1373
  background: none #FFFFFF;
1354
1374
  border-color: #5829bb;
1355
1375
  color: #5829bb;
@@ -1357,7 +1377,7 @@ a.ui.basic.violet.label:hover {
1357
1377
 
1358
1378
  /* Inverted */
1359
1379
  .ui.inverted.labels .violet.label,
1360
- .ui.inverted.violet.label {
1380
+ .ui.ui.ui.inverted.violet.label {
1361
1381
  background-color: #A291FB;
1362
1382
  border-color: #A291FB;
1363
1383
  color: #1B1C1D;
@@ -1365,26 +1385,26 @@ a.ui.basic.violet.label:hover {
1365
1385
 
1366
1386
  /* Inverted Link */
1367
1387
  .ui.inverted.labels a.violet.label:hover,
1368
- a.ui.inverted.violet.label:hover {
1388
+ a.ui.ui.ui.inverted.violet.label:hover {
1369
1389
  background-color: #745aff;
1370
1390
  border-color: #745aff;
1371
1391
  color: #1B1C1D;
1372
1392
  }
1373
1393
 
1374
1394
  /* Inverted Ribbon */
1375
- .ui.inverted.violet.ribbon.label {
1395
+ .ui.ui.ui.inverted.violet.ribbon.label {
1376
1396
  border-color: #7860f9;
1377
1397
  }
1378
1398
 
1379
1399
  /* Inverted Basic */
1380
1400
  .ui.inverted.basic.labels .violet.label,
1381
- .ui.inverted.basic.violet.label {
1401
+ .ui.ui.ui.inverted.basic.violet.label {
1382
1402
  background-color: #1B1C1D;
1383
1403
  border-color: #A291FB;
1384
1404
  color: #A291FB;
1385
1405
  }
1386
1406
  .ui.inverted.basic.labels a.violet.label:hover,
1387
- a.ui.inverted.basic.violet.label:hover {
1407
+ a.ui.ui.ui.inverted.basic.violet.label:hover {
1388
1408
  border-color: #745aff;
1389
1409
  background-color: #1B1C1D;
1390
1410
  color: #745aff;
@@ -1392,11 +1412,11 @@ a.ui.inverted.basic.violet.label:hover {
1392
1412
 
1393
1413
  /* Inverted Basic Tags */
1394
1414
  .ui.inverted.basic.tag.labels .violet.label,
1395
- .ui.inverted.violet.basic.tag.label {
1415
+ .ui.ui.ui.inverted.violet.basic.tag.label {
1396
1416
  border: 1px solid #A291FB;
1397
1417
  }
1398
1418
  .ui.inverted.basic.tag.labels .violet.label:before,
1399
- .ui.inverted.violet.basic.tag.label:before {
1419
+ .ui.ui.ui.inverted.violet.basic.tag.label:before {
1400
1420
  border-color: inherit;
1401
1421
  border-width: 1px 0 0 1px;
1402
1422
  border-style: inherit;
@@ -1404,7 +1424,7 @@ a.ui.inverted.basic.violet.label:hover {
1404
1424
  right: calc(100% + 1px);
1405
1425
  }
1406
1426
  .ui.purple.labels .label,
1407
- .ui.purple.label {
1427
+ .ui.ui.ui.purple.label {
1408
1428
  background-color: #A333C8;
1409
1429
  border-color: #A333C8;
1410
1430
  color: #FFFFFF;
@@ -1412,26 +1432,26 @@ a.ui.inverted.basic.violet.label:hover {
1412
1432
 
1413
1433
  /* Link */
1414
1434
  .ui.purple.labels a.label:hover,
1415
- a.ui.purple.label:hover {
1435
+ a.ui.ui.ui.purple.label:hover {
1416
1436
  background-color: #9627ba;
1417
1437
  border-color: #9627ba;
1418
1438
  color: #FFFFFF;
1419
1439
  }
1420
1440
 
1421
1441
  /* Ribbon */
1422
- .ui.purple.ribbon.label {
1442
+ .ui.ui.ui.purple.ribbon.label {
1423
1443
  border-color: #82299f;
1424
1444
  }
1425
1445
 
1426
1446
  /* Basic */
1427
1447
  .ui.basic.labels .purple.label,
1428
- .ui.basic.purple.label {
1448
+ .ui.ui.ui.basic.purple.label {
1429
1449
  background: none #FFFFFF;
1430
1450
  border-color: #A333C8;
1431
1451
  color: #A333C8;
1432
1452
  }
1433
1453
  .ui.basic.labels a.purple.label:hover,
1434
- a.ui.basic.purple.label:hover {
1454
+ a.ui.ui.ui.basic.purple.label:hover {
1435
1455
  background: none #FFFFFF;
1436
1456
  border-color: #9627ba;
1437
1457
  color: #9627ba;
@@ -1439,7 +1459,7 @@ a.ui.basic.purple.label:hover {
1439
1459
 
1440
1460
  /* Inverted */
1441
1461
  .ui.inverted.labels .purple.label,
1442
- .ui.inverted.purple.label {
1462
+ .ui.ui.ui.inverted.purple.label {
1443
1463
  background-color: #DC73FF;
1444
1464
  border-color: #DC73FF;
1445
1465
  color: #1B1C1D;
@@ -1447,26 +1467,26 @@ a.ui.basic.purple.label:hover {
1447
1467
 
1448
1468
  /* Inverted Link */
1449
1469
  .ui.inverted.labels a.purple.label:hover,
1450
- a.ui.inverted.purple.label:hover {
1470
+ a.ui.ui.ui.inverted.purple.label:hover {
1451
1471
  background-color: #cf40ff;
1452
1472
  border-color: #cf40ff;
1453
1473
  color: #1B1C1D;
1454
1474
  }
1455
1475
 
1456
1476
  /* Inverted Ribbon */
1457
- .ui.inverted.purple.ribbon.label {
1477
+ .ui.ui.ui.inverted.purple.ribbon.label {
1458
1478
  border-color: #cf40ff;
1459
1479
  }
1460
1480
 
1461
1481
  /* Inverted Basic */
1462
1482
  .ui.inverted.basic.labels .purple.label,
1463
- .ui.inverted.basic.purple.label {
1483
+ .ui.ui.ui.inverted.basic.purple.label {
1464
1484
  background-color: #1B1C1D;
1465
1485
  border-color: #DC73FF;
1466
1486
  color: #DC73FF;
1467
1487
  }
1468
1488
  .ui.inverted.basic.labels a.purple.label:hover,
1469
- a.ui.inverted.basic.purple.label:hover {
1489
+ a.ui.ui.ui.inverted.basic.purple.label:hover {
1470
1490
  border-color: #cf40ff;
1471
1491
  background-color: #1B1C1D;
1472
1492
  color: #cf40ff;
@@ -1474,11 +1494,11 @@ a.ui.inverted.basic.purple.label:hover {
1474
1494
 
1475
1495
  /* Inverted Basic Tags */
1476
1496
  .ui.inverted.basic.tag.labels .purple.label,
1477
- .ui.inverted.purple.basic.tag.label {
1497
+ .ui.ui.ui.inverted.purple.basic.tag.label {
1478
1498
  border: 1px solid #DC73FF;
1479
1499
  }
1480
1500
  .ui.inverted.basic.tag.labels .purple.label:before,
1481
- .ui.inverted.purple.basic.tag.label:before {
1501
+ .ui.ui.ui.inverted.purple.basic.tag.label:before {
1482
1502
  border-color: inherit;
1483
1503
  border-width: 1px 0 0 1px;
1484
1504
  border-style: inherit;
@@ -1486,7 +1506,7 @@ a.ui.inverted.basic.purple.label:hover {
1486
1506
  right: calc(100% + 1px);
1487
1507
  }
1488
1508
  .ui.pink.labels .label,
1489
- .ui.pink.label {
1509
+ .ui.ui.ui.pink.label {
1490
1510
  background-color: #E03997;
1491
1511
  border-color: #E03997;
1492
1512
  color: #FFFFFF;
@@ -1494,26 +1514,26 @@ a.ui.inverted.basic.purple.label:hover {
1494
1514
 
1495
1515
  /* Link */
1496
1516
  .ui.pink.labels a.label:hover,
1497
- a.ui.pink.label:hover {
1517
+ a.ui.ui.ui.pink.label:hover {
1498
1518
  background-color: #e61a8d;
1499
1519
  border-color: #e61a8d;
1500
1520
  color: #FFFFFF;
1501
1521
  }
1502
1522
 
1503
1523
  /* Ribbon */
1504
- .ui.pink.ribbon.label {
1524
+ .ui.ui.ui.pink.ribbon.label {
1505
1525
  border-color: #c71f7e;
1506
1526
  }
1507
1527
 
1508
1528
  /* Basic */
1509
1529
  .ui.basic.labels .pink.label,
1510
- .ui.basic.pink.label {
1530
+ .ui.ui.ui.basic.pink.label {
1511
1531
  background: none #FFFFFF;
1512
1532
  border-color: #E03997;
1513
1533
  color: #E03997;
1514
1534
  }
1515
1535
  .ui.basic.labels a.pink.label:hover,
1516
- a.ui.basic.pink.label:hover {
1536
+ a.ui.ui.ui.basic.pink.label:hover {
1517
1537
  background: none #FFFFFF;
1518
1538
  border-color: #e61a8d;
1519
1539
  color: #e61a8d;
@@ -1521,7 +1541,7 @@ a.ui.basic.pink.label:hover {
1521
1541
 
1522
1542
  /* Inverted */
1523
1543
  .ui.inverted.labels .pink.label,
1524
- .ui.inverted.pink.label {
1544
+ .ui.ui.ui.inverted.pink.label {
1525
1545
  background-color: #FF8EDF;
1526
1546
  border-color: #FF8EDF;
1527
1547
  color: #1B1C1D;
@@ -1529,26 +1549,26 @@ a.ui.basic.pink.label:hover {
1529
1549
 
1530
1550
  /* Inverted Link */
1531
1551
  .ui.inverted.labels a.pink.label:hover,
1532
- a.ui.inverted.pink.label:hover {
1552
+ a.ui.ui.ui.inverted.pink.label:hover {
1533
1553
  background-color: #ff5bd1;
1534
1554
  border-color: #ff5bd1;
1535
1555
  color: #1B1C1D;
1536
1556
  }
1537
1557
 
1538
1558
  /* Inverted Ribbon */
1539
- .ui.inverted.pink.ribbon.label {
1559
+ .ui.ui.ui.inverted.pink.ribbon.label {
1540
1560
  border-color: #ff5bd1;
1541
1561
  }
1542
1562
 
1543
1563
  /* Inverted Basic */
1544
1564
  .ui.inverted.basic.labels .pink.label,
1545
- .ui.inverted.basic.pink.label {
1565
+ .ui.ui.ui.inverted.basic.pink.label {
1546
1566
  background-color: #1B1C1D;
1547
1567
  border-color: #FF8EDF;
1548
1568
  color: #FF8EDF;
1549
1569
  }
1550
1570
  .ui.inverted.basic.labels a.pink.label:hover,
1551
- a.ui.inverted.basic.pink.label:hover {
1571
+ a.ui.ui.ui.inverted.basic.pink.label:hover {
1552
1572
  border-color: #ff5bd1;
1553
1573
  background-color: #1B1C1D;
1554
1574
  color: #ff5bd1;
@@ -1556,11 +1576,11 @@ a.ui.inverted.basic.pink.label:hover {
1556
1576
 
1557
1577
  /* Inverted Basic Tags */
1558
1578
  .ui.inverted.basic.tag.labels .pink.label,
1559
- .ui.inverted.pink.basic.tag.label {
1579
+ .ui.ui.ui.inverted.pink.basic.tag.label {
1560
1580
  border: 1px solid #FF8EDF;
1561
1581
  }
1562
1582
  .ui.inverted.basic.tag.labels .pink.label:before,
1563
- .ui.inverted.pink.basic.tag.label:before {
1583
+ .ui.ui.ui.inverted.pink.basic.tag.label:before {
1564
1584
  border-color: inherit;
1565
1585
  border-width: 1px 0 0 1px;
1566
1586
  border-style: inherit;
@@ -1568,7 +1588,7 @@ a.ui.inverted.basic.pink.label:hover {
1568
1588
  right: calc(100% + 1px);
1569
1589
  }
1570
1590
  .ui.brown.labels .label,
1571
- .ui.brown.label {
1591
+ .ui.ui.ui.brown.label {
1572
1592
  background-color: #A5673F;
1573
1593
  border-color: #A5673F;
1574
1594
  color: #FFFFFF;
@@ -1576,26 +1596,26 @@ a.ui.inverted.basic.pink.label:hover {
1576
1596
 
1577
1597
  /* Link */
1578
1598
  .ui.brown.labels a.label:hover,
1579
- a.ui.brown.label:hover {
1599
+ a.ui.ui.ui.brown.label:hover {
1580
1600
  background-color: #975b33;
1581
1601
  border-color: #975b33;
1582
1602
  color: #FFFFFF;
1583
1603
  }
1584
1604
 
1585
1605
  /* Ribbon */
1586
- .ui.brown.ribbon.label {
1606
+ .ui.ui.ui.brown.ribbon.label {
1587
1607
  border-color: #805031;
1588
1608
  }
1589
1609
 
1590
1610
  /* Basic */
1591
1611
  .ui.basic.labels .brown.label,
1592
- .ui.basic.brown.label {
1612
+ .ui.ui.ui.basic.brown.label {
1593
1613
  background: none #FFFFFF;
1594
1614
  border-color: #A5673F;
1595
1615
  color: #A5673F;
1596
1616
  }
1597
1617
  .ui.basic.labels a.brown.label:hover,
1598
- a.ui.basic.brown.label:hover {
1618
+ a.ui.ui.ui.basic.brown.label:hover {
1599
1619
  background: none #FFFFFF;
1600
1620
  border-color: #975b33;
1601
1621
  color: #975b33;
@@ -1603,7 +1623,7 @@ a.ui.basic.brown.label:hover {
1603
1623
 
1604
1624
  /* Inverted */
1605
1625
  .ui.inverted.labels .brown.label,
1606
- .ui.inverted.brown.label {
1626
+ .ui.ui.ui.inverted.brown.label {
1607
1627
  background-color: #D67C1C;
1608
1628
  border-color: #D67C1C;
1609
1629
  color: #1B1C1D;
@@ -1611,26 +1631,26 @@ a.ui.basic.brown.label:hover {
1611
1631
 
1612
1632
  /* Inverted Link */
1613
1633
  .ui.inverted.labels a.brown.label:hover,
1614
- a.ui.inverted.brown.label:hover {
1634
+ a.ui.ui.ui.inverted.brown.label:hover {
1615
1635
  background-color: #b0620f;
1616
1636
  border-color: #b0620f;
1617
1637
  color: #1B1C1D;
1618
1638
  }
1619
1639
 
1620
1640
  /* Inverted Ribbon */
1621
- .ui.inverted.brown.ribbon.label {
1641
+ .ui.ui.ui.inverted.brown.ribbon.label {
1622
1642
  border-color: #a96216;
1623
1643
  }
1624
1644
 
1625
1645
  /* Inverted Basic */
1626
1646
  .ui.inverted.basic.labels .brown.label,
1627
- .ui.inverted.basic.brown.label {
1647
+ .ui.ui.ui.inverted.basic.brown.label {
1628
1648
  background-color: #1B1C1D;
1629
1649
  border-color: #D67C1C;
1630
1650
  color: #D67C1C;
1631
1651
  }
1632
1652
  .ui.inverted.basic.labels a.brown.label:hover,
1633
- a.ui.inverted.basic.brown.label:hover {
1653
+ a.ui.ui.ui.inverted.basic.brown.label:hover {
1634
1654
  border-color: #b0620f;
1635
1655
  background-color: #1B1C1D;
1636
1656
  color: #b0620f;
@@ -1638,11 +1658,11 @@ a.ui.inverted.basic.brown.label:hover {
1638
1658
 
1639
1659
  /* Inverted Basic Tags */
1640
1660
  .ui.inverted.basic.tag.labels .brown.label,
1641
- .ui.inverted.brown.basic.tag.label {
1661
+ .ui.ui.ui.inverted.brown.basic.tag.label {
1642
1662
  border: 1px solid #D67C1C;
1643
1663
  }
1644
1664
  .ui.inverted.basic.tag.labels .brown.label:before,
1645
- .ui.inverted.brown.basic.tag.label:before {
1665
+ .ui.ui.ui.inverted.brown.basic.tag.label:before {
1646
1666
  border-color: inherit;
1647
1667
  border-width: 1px 0 0 1px;
1648
1668
  border-style: inherit;
@@ -1650,7 +1670,7 @@ a.ui.inverted.basic.brown.label:hover {
1650
1670
  right: calc(100% + 1px);
1651
1671
  }
1652
1672
  .ui.grey.labels .label,
1653
- .ui.grey.label {
1673
+ .ui.ui.ui.grey.label {
1654
1674
  background-color: #767676;
1655
1675
  border-color: #767676;
1656
1676
  color: #FFFFFF;
@@ -1658,26 +1678,26 @@ a.ui.inverted.basic.brown.label:hover {
1658
1678
 
1659
1679
  /* Link */
1660
1680
  .ui.grey.labels a.label:hover,
1661
- a.ui.grey.label:hover {
1681
+ a.ui.ui.ui.grey.label:hover {
1662
1682
  background-color: #838383;
1663
1683
  border-color: #838383;
1664
1684
  color: #FFFFFF;
1665
1685
  }
1666
1686
 
1667
1687
  /* Ribbon */
1668
- .ui.grey.ribbon.label {
1688
+ .ui.ui.ui.grey.ribbon.label {
1669
1689
  border-color: #5d5d5d;
1670
1690
  }
1671
1691
 
1672
1692
  /* Basic */
1673
1693
  .ui.basic.labels .grey.label,
1674
- .ui.basic.grey.label {
1694
+ .ui.ui.ui.basic.grey.label {
1675
1695
  background: none #FFFFFF;
1676
1696
  border-color: #767676;
1677
1697
  color: #767676;
1678
1698
  }
1679
1699
  .ui.basic.labels a.grey.label:hover,
1680
- a.ui.basic.grey.label:hover {
1700
+ a.ui.ui.ui.basic.grey.label:hover {
1681
1701
  background: none #FFFFFF;
1682
1702
  border-color: #838383;
1683
1703
  color: #838383;
@@ -1685,7 +1705,7 @@ a.ui.basic.grey.label:hover {
1685
1705
 
1686
1706
  /* Inverted */
1687
1707
  .ui.inverted.labels .grey.label,
1688
- .ui.inverted.grey.label {
1708
+ .ui.ui.ui.inverted.grey.label {
1689
1709
  background-color: #DCDDDE;
1690
1710
  border-color: #DCDDDE;
1691
1711
  color: #1B1C1D;
@@ -1693,37 +1713,37 @@ a.ui.basic.grey.label:hover {
1693
1713
 
1694
1714
  /* Inverted Link */
1695
1715
  .ui.inverted.labels a.grey.label:hover,
1696
- a.ui.inverted.grey.label:hover {
1716
+ a.ui.ui.ui.inverted.grey.label:hover {
1697
1717
  background-color: #c2c4c5;
1698
1718
  border-color: #c2c4c5;
1699
1719
  color: #FFFFFF;
1700
1720
  }
1701
1721
 
1702
1722
  /* Inverted Ribbon */
1703
- .ui.inverted.grey.ribbon.label {
1723
+ .ui.ui.ui.inverted.grey.ribbon.label {
1704
1724
  border-color: #e9eaea;
1705
1725
  }
1706
1726
 
1707
1727
  /* Inverted Basic */
1708
1728
  .ui.inverted.basic.labels .grey.label,
1709
- .ui.inverted.basic.grey.label {
1729
+ .ui.ui.ui.inverted.basic.grey.label {
1710
1730
  background-color: #1B1C1D;
1711
1731
  border-color: #DCDDDE;
1712
1732
  color: rgba(255, 255, 255, 0.9);
1713
1733
  }
1714
1734
  .ui.inverted.basic.labels a.grey.label:hover,
1715
- a.ui.inverted.basic.grey.label:hover {
1735
+ a.ui.ui.ui.inverted.basic.grey.label:hover {
1716
1736
  border-color: #c2c4c5;
1717
1737
  background-color: #1B1C1D;
1718
1738
  }
1719
1739
 
1720
1740
  /* Inverted Basic Tags */
1721
1741
  .ui.inverted.basic.tag.labels .grey.label,
1722
- .ui.inverted.grey.basic.tag.label {
1742
+ .ui.ui.ui.inverted.grey.basic.tag.label {
1723
1743
  border: 1px solid #DCDDDE;
1724
1744
  }
1725
1745
  .ui.inverted.basic.tag.labels .grey.label:before,
1726
- .ui.inverted.grey.basic.tag.label:before {
1746
+ .ui.ui.ui.inverted.grey.basic.tag.label:before {
1727
1747
  border-color: inherit;
1728
1748
  border-width: 1px 0 0 1px;
1729
1749
  border-style: inherit;
@@ -1731,7 +1751,7 @@ a.ui.inverted.basic.grey.label:hover {
1731
1751
  right: calc(100% + 1px);
1732
1752
  }
1733
1753
  .ui.black.labels .label,
1734
- .ui.black.label {
1754
+ .ui.ui.ui.black.label {
1735
1755
  background-color: #1B1C1D;
1736
1756
  border-color: #1B1C1D;
1737
1757
  color: #FFFFFF;
@@ -1739,26 +1759,26 @@ a.ui.inverted.basic.grey.label:hover {
1739
1759
 
1740
1760
  /* Link */
1741
1761
  .ui.black.labels a.label:hover,
1742
- a.ui.black.label:hover {
1762
+ a.ui.ui.ui.black.label:hover {
1743
1763
  background-color: #27292a;
1744
1764
  border-color: #27292a;
1745
1765
  color: #FFFFFF;
1746
1766
  }
1747
1767
 
1748
1768
  /* Ribbon */
1749
- .ui.black.ribbon.label {
1769
+ .ui.ui.ui.black.ribbon.label {
1750
1770
  border-color: #020203;
1751
1771
  }
1752
1772
 
1753
1773
  /* Basic */
1754
1774
  .ui.basic.labels .black.label,
1755
- .ui.basic.black.label {
1775
+ .ui.ui.ui.basic.black.label {
1756
1776
  background: none #FFFFFF;
1757
1777
  border-color: #1B1C1D;
1758
1778
  color: #1B1C1D;
1759
1779
  }
1760
1780
  .ui.basic.labels a.black.label:hover,
1761
- a.ui.basic.black.label:hover {
1781
+ a.ui.ui.ui.basic.black.label:hover {
1762
1782
  background: none #FFFFFF;
1763
1783
  border-color: #27292a;
1764
1784
  color: #27292a;
@@ -1766,7 +1786,7 @@ a.ui.basic.black.label:hover {
1766
1786
 
1767
1787
  /* Inverted */
1768
1788
  .ui.inverted.labels .black.label,
1769
- .ui.inverted.black.label {
1789
+ .ui.ui.ui.inverted.black.label {
1770
1790
  background-color: #545454;
1771
1791
  border-color: #545454;
1772
1792
  color: #1B1C1D;
@@ -1774,37 +1794,37 @@ a.ui.basic.black.label:hover {
1774
1794
 
1775
1795
  /* Inverted Link */
1776
1796
  .ui.inverted.labels a.black.label:hover,
1777
- a.ui.inverted.black.label:hover {
1797
+ a.ui.ui.ui.inverted.black.label:hover {
1778
1798
  background-color: #000000;
1779
1799
  border-color: #000000;
1780
1800
  color: #FFFFFF;
1781
1801
  }
1782
1802
 
1783
1803
  /* Inverted Ribbon */
1784
- .ui.inverted.black.ribbon.label {
1804
+ .ui.ui.ui.inverted.black.ribbon.label {
1785
1805
  border-color: #616161;
1786
1806
  }
1787
1807
 
1788
1808
  /* Inverted Basic */
1789
1809
  .ui.inverted.basic.labels .black.label,
1790
- .ui.inverted.basic.black.label {
1810
+ .ui.ui.ui.inverted.basic.black.label {
1791
1811
  background-color: #1B1C1D;
1792
1812
  border-color: #545454;
1793
1813
  color: rgba(255, 255, 255, 0.9);
1794
1814
  }
1795
1815
  .ui.inverted.basic.labels a.black.label:hover,
1796
- a.ui.inverted.basic.black.label:hover {
1816
+ a.ui.ui.ui.inverted.basic.black.label:hover {
1797
1817
  border-color: #000000;
1798
1818
  background-color: #1B1C1D;
1799
1819
  }
1800
1820
 
1801
1821
  /* Inverted Basic Tags */
1802
1822
  .ui.inverted.basic.tag.labels .black.label,
1803
- .ui.inverted.black.basic.tag.label {
1823
+ .ui.ui.ui.inverted.black.basic.tag.label {
1804
1824
  border: 1px solid #545454;
1805
1825
  }
1806
1826
  .ui.inverted.basic.tag.labels .black.label:before,
1807
- .ui.inverted.black.basic.tag.label:before {
1827
+ .ui.ui.ui.inverted.black.basic.tag.label:before {
1808
1828
  border-color: inherit;
1809
1829
  border-width: 1px 0 0 1px;
1810
1830
  border-style: inherit;
@@ -1984,8 +2004,28 @@ a.ui.inverted.basic.black.label:hover {
1984
2004
  position: absolute;
1985
2005
  z-index: 100;
1986
2006
  top: -1em;
1987
- left: 100%;
1988
- margin: 0 0 0 -1.5em !important;
2007
+ right: 0;
2008
+ white-space: nowrap;
2009
+ -webkit-transform: translateX(50%);
2010
+ transform: translateX(50%);
2011
+ }
2012
+ .ui.right.aligned.floating.label {
2013
+ -webkit-transform: translateX(1.2em);
2014
+ transform: translateX(1.2em);
2015
+ }
2016
+ .ui.left.floating.label {
2017
+ left: 0;
2018
+ right: auto;
2019
+ -webkit-transform: translateX(-50%);
2020
+ transform: translateX(-50%);
2021
+ }
2022
+ .ui.left.aligned.floating.label {
2023
+ -webkit-transform: translateX(-1.2em);
2024
+ transform: translateX(-1.2em);
2025
+ }
2026
+ .ui.bottom.floating.label {
2027
+ top: auto;
2028
+ bottom: -1em;
1989
2029
  }
1990
2030
 
1991
2031
  /*-------------------