fomantic-ui-sass 2.6.4 → 2.7.0

data/app/assets/stylesheets/semantic-ui/elements/_label.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.6.4 - Label
+ * # Semantic UI 2.7.0 - Label
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -17,23 +17,23 @@
   display: inline-block;
   line-height: 1;
   vertical-align: baseline;
-  margin: 0em 0.14285714em;
+  margin: 0 0.14285714em;
   background-color: #E8E8E8;
   background-image: none;
   padding: 0.5833em 0.833em;
   color: rgba(0, 0, 0, 0.6);
   text-transform: none;
   font-weight: bold;
-  border: 0px solid transparent;
+  border: 0 solid transparent;
   border-radius: 0.28571429rem;
   -webkit-transition: background 0.1s ease;
   transition: background 0.1s ease;
 }
 .ui.label:first-child {
-  margin-left: 0em;
+  margin-left: 0;
 }
 .ui.label:last-child {
-  margin-right: 0em;
+  margin-right: 0;
 }
 
 /* Link */
@@ -63,7 +63,7 @@ a.ui.label {
 /* Icon */
 .ui.label > .icon {
   width: auto;
-  margin: 0em 0.75em 0em 0em;
+  margin: 0 0.75em 0 0;
 }
 
 /* Detail */
@@ -75,14 +75,14 @@ a.ui.label {
   opacity: 0.8;
 }
 .ui.label > .detail .icon {
-  margin: 0em 0.25em 0em 0em;
+  margin: 0 0.25em 0 0;
 }
 
 /* Removable label */
 .ui.label > .close.icon,
 .ui.label > .delete.icon {
   cursor: pointer;
-  margin-right: 0em;
+  margin-right: 0;
   margin-left: 0.5em;
   font-size: 0.92857143em;
   opacity: 0.5;
@@ -98,7 +98,7 @@ a.ui.label {
 --------------------*/
 
 .ui.labels > .label {
-  margin: 0em 0.5em 0.5em 0em;
+  margin: 0 0.5em 0.5em 0;
 }
 
 /*-------------------
@@ -131,7 +131,7 @@ a.ui.label {
   margin-top: 2rem !important;
 }
 .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
-  margin-top: 0em;
+  margin-top: 0;
   margin-bottom: 2rem !important;
 }
 
@@ -142,8 +142,8 @@ a.ui.label {
 
 .ui.image.label {
   width: auto !important;
-  margin-top: 0em;
-  margin-bottom: 0em;
+  margin-top: 0;
+  margin-bottom: 0;
   max-width: 9999px;
   vertical-align: baseline;
   text-transform: none;
@@ -158,13 +158,13 @@ a.ui.label {
   vertical-align: top;
   height: 2.1666em;
   margin: -0.5833em 0.5em -0.5833em -0.5em;
-  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+  border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
 .ui.image.label .detail {
   background: rgba(0, 0, 0, 0.1);
   margin: -0.5833em -0.833em -0.5833em 0.5em;
   padding: 0.5833em 0.833em;
-  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+  border-radius: 0 0.28571429rem 0.28571429rem 0;
 }
 
 /*-------------------
@@ -177,7 +177,7 @@ a.ui.label {
   position: relative;
   padding-left: 1.5em;
   padding-right: 1.5em;
-  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+  border-radius: 0 0.28571429rem 0.28571429rem 0;
   -webkit-transition: none;
   transition: none;
 }
@@ -203,13 +203,25 @@ a.ui.label {
   top: 50%;
   left: -0.25em;
   margin-top: -0.25em;
-  background-color: #FFFFFF !important;
+  background-color: #FFFFFF;
   width: 0.5em;
   height: 0.5em;
   -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
   border-radius: 500rem;
 }
+.ui.basic.tag.labels .label:before,
+.ui.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  right: calc(100% + 1px);
+}
+.ui.basic.tag.labels .label:after,
+.ui.basic.tag.label:after {
+  -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
+          box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
+}
 
 /*-------------------
     Corner Label
@@ -217,10 +229,10 @@ a.ui.label {
 
 .ui.corner.label {
   position: absolute;
-  top: 0em;
-  right: 0em;
-  margin: 0em;
-  padding: 0em;
+  top: 0;
+  right: 0;
+  margin: 0;
+  padding: 0;
   text-align: center;
   border-color: #E8E8E8;
   width: 4em;
@@ -237,16 +249,16 @@ a.ui.label {
 .ui.corner.label:after {
   position: absolute;
   content: "";
-  right: 0em;
-  top: 0em;
+  right: 0;
+  top: 0;
   z-index: -1;
-  width: 0em;
-  height: 0em;
-  background-color: transparent !important;
-  border-top: 0em solid transparent;
+  width: 0;
+  height: 0;
+  background-color: transparent;
+  border-top: 0 solid transparent;
   border-right: 4em solid transparent;
   border-bottom: 4em solid transparent;
-  border-left: 0em solid transparent;
+  border-left: 0 solid transparent;
   border-right-color: inherit;
   -webkit-transition: border-color 0.1s ease;
   transition: border-color 0.1s ease;
@@ -257,20 +269,20 @@ a.ui.label {
   top: 0.64285714em;
   left: 0.78571429em;
   font-size: 1.14285714em;
-  margin: 0em;
+  margin: 0;
 }
 
 /* Left Corner */
 .ui.left.corner.label,
 .ui.left.corner.label:after {
   right: auto;
-  left: 0em;
+  left: 0;
 }
 .ui.left.corner.label:after {
   border-top: 4em solid transparent;
   border-right: 4em solid transparent;
-  border-bottom: 0em solid transparent;
-  border-left: 0em solid transparent;
+  border-bottom: 0 solid transparent;
+  border-left: 0 solid transparent;
   border-top-color: inherit;
 }
 .ui.left.corner.label .icon {
@@ -293,25 +305,25 @@ a.ui.label {
 
 .ui.ribbon.label {
   position: relative;
-  margin: 0em;
+  margin: 0;
   min-width: -webkit-max-content;
   min-width: -moz-max-content;
   min-width: max-content;
-  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+  border-radius: 0 0.28571429rem 0.28571429rem 0;
   border-color: rgba(0, 0, 0, 0.15);
 }
 .ui.ribbon.label:after {
   position: absolute;
   content: '';
   top: 100%;
-  left: 0%;
-  background-color: transparent !important;
+  left: 0;
+  background-color: transparent;
   border-style: solid;
-  border-width: 0em 1.2em 1.2em 0em;
+  border-width: 0 1.2em 1.2em 0;
   border-color: transparent;
   border-right-color: inherit;
-  width: 0em;
-  height: 0em;
+  width: 0;
+  height: 0;
 }
 
 /* Positioning */
@@ -332,13 +344,13 @@ a.ui.label {
   text-align: left;
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
-  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+  border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
 .ui[class*="right ribbon"].label:after {
   left: auto;
-  right: 0%;
+  right: 0;
   border-style: solid;
-  border-width: 1.2em 1.2em 0em 0em;
+  border-width: 1.2em 1.2em 0 0;
   border-color: transparent;
   border-top-color: inherit;
 }
@@ -376,41 +388,41 @@ a.ui.label {
 .ui.attached.label {
   width: 100%;
   position: absolute;
-  margin: 0em;
-  top: 0em;
-  left: 0em;
+  margin: 0;
+  top: 0;
+  left: 0;
   padding: 0.75em 1em;
-  border-radius: 0.21428571rem 0.21428571rem 0em 0em;
+  border-radius: 0.21428571rem 0.21428571rem 0 0;
 }
 .ui[class*="bottom attached"].label {
   top: auto;
-  bottom: 0em;
-  border-radius: 0em 0em 0.21428571rem 0.21428571rem;
+  bottom: 0;
+  border-radius: 0 0 0.21428571rem 0.21428571rem;
 }
 .ui[class*="top left attached"].label {
   width: auto;
-  margin-top: 0em !important;
-  border-radius: 0.21428571rem 0em 0.28571429rem 0em;
+  margin-top: 0 !important;
+  border-radius: 0.21428571rem 0 0.28571429rem 0;
 }
 .ui[class*="top right attached"].label {
   width: auto;
   left: auto;
-  right: 0em;
-  border-radius: 0em 0.21428571rem 0em 0.28571429rem;
+  right: 0;
+  border-radius: 0 0.21428571rem 0 0.28571429rem;
 }
 .ui[class*="bottom left attached"].label {
   width: auto;
   top: auto;
-  bottom: 0em;
-  border-radius: 0em 0.28571429rem 0em 0.21428571rem;
+  bottom: 0;
+  border-radius: 0 0.28571429rem 0 0.21428571rem;
 }
 .ui[class*="bottom right attached"].label {
   top: auto;
-  bottom: 0em;
+  bottom: 0;
   left: auto;
-  right: 0em;
+  right: 0;
   width: auto;
-  border-radius: 0.28571429rem 0em 0.21428571rem 0em;
+  border-radius: 0.28571429rem 0 0.21428571rem 0;
 }
 
 
@@ -431,7 +443,7 @@ a.ui.label {
         Hover
 --------------------*/
 
-a.ui.labels .label:hover,
+.ui.labels a.label:hover,
 a.ui.label:hover {
   background-color: #E0E0E0;
   border-color: #E0E0E0;
@@ -463,7 +475,7 @@ a.ui.label:hover:before {
      Active Hover
 --------------------*/
 
-a.ui.labels .active.label:hover,
+.ui.labels a.active.label:hover,
 a.ui.active.label:hover {
   background-color: #C8C8C8;
   border-color: #C8C8C8;
@@ -502,671 +514,1302 @@ a.ui.active.label:hover:before {
 
 
 /*-------------------
-       Colors
+        Basic
+--------------------*/
+
+.ui.basic.labels .label,
+.ui.basic.label {
+  background: none #FFFFFF;
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  color: rgba(0, 0, 0, 0.87);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+/* Link */
+.ui.basic.labels a.label:hover,
+a.ui.basic.label:hover {
+  text-decoration: none;
+  background: none #FFFFFF;
+  color: #1e70bf;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+/* Pointing */
+.ui.basic.pointing.label:before {
+  border-color: inherit;
+}
+
+/*-------------------
+       Fluid
+--------------------*/
+
+.ui.label.fluid,
+.ui.fluid.labels > .label {
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+/*-------------------
+       Inverted
 --------------------*/
 
+.ui.inverted.labels .label,
+.ui.inverted.label {
+  color: rgba(255, 255, 255, 0.9);
+  background-color: #b5b5b5;
+}
+.ui.inverted.corner.label {
+  border-color: #b5b5b5;
+}
+.ui.inverted.corner.label:hover {
+  border-color: #E8E8E8;
+  -webkit-transition: none;
+  transition: none;
+}
+.ui.inverted.basic.labels .label,
+.ui.inverted.basic.label,
+.ui.inverted.basic.label:hover {
+  border-color: rgba(255, 255, 255, 0.5);
+  background: #1B1C1D;
+}
+.ui.inverted.basic.label:hover {
+  color: #4183C4;
+}
 
-/*--- Primary ---*/
+/*-------------------
+       Colors
+--------------------*/
 
 .ui.primary.labels .label,
 .ui.primary.label {
-  background-color: #2185D0 !important;
-  border-color: #2185D0 !important;
-  color: rgba(255, 255, 255, 0.9) !important;
+  background-color: #2185D0;
+  border-color: #2185D0;
+  color: rgba(255, 255, 255, 0.9);
 }
 
 /* Link */
-.ui.primary.labels .label:hover,
+.ui.primary.labels a.label:hover,
 a.ui.primary.label:hover {
-  background-color: #1678c2 !important;
-  border-color: #1678c2 !important;
-  color: rgba(255, 255, 255, 0.9) !important;
-}
-
-/* Corner */
-.ui.primary.corner.label,
-.ui.primary.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #1678c2;
+  border-color: #1678c2;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.primary.ribbon.label {
-  border-color: #1a69a4 !important;
+  border-color: #1a69a4;
 }
 
 /* Basic */
+.ui.basic.labels .primary.label,
 .ui.basic.primary.label {
-  background: none #FFFFFF !important;
-  color: #2185D0 !important;
-  border-color: #2185D0 !important;
+  background: none #FFFFFF;
+  border-color: #2185D0;
+  color: #2185D0;
 }
-.ui.basic.primary.labels a.label:hover,
+.ui.basic.labels a.primary.label:hover,
 a.ui.basic.primary.label:hover {
-  background-color: #FFFFFF !important;
-  color: #1678c2 !important;
-  border-color: #1678c2 !important;
+  background: none #FFFFFF;
+  border-color: #1678c2;
+  color: #1678c2;
 }
 
-/*--- Secondary ---*/
+/* Inverted */
+.ui.inverted.labels .primary.label,
+.ui.inverted.primary.label {
+  background-color: #54C8FF;
+  border-color: #54C8FF;
+  color: #1B1C1D;
+}
+
+/* Inverted Link */
+.ui.inverted.labels a.primary.label:hover,
+a.ui.inverted.primary.label:hover {
+  background-color: #21b8ff;
+  border-color: #21b8ff;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.primary.ribbon.label {
+  border-color: #21b8ff;
+}
 
+/* Inverted Basic */
+.ui.inverted.basic.labels .primary.label,
+.ui.inverted.basic.primary.label {
+  background-color: #1B1C1D;
+  border-color: #54C8FF;
+  color: #54C8FF;
+}
+.ui.inverted.basic.labels a.primary.label:hover,
+a.ui.inverted.basic.primary.label:hover {
+  border-color: #21b8ff;
+  background-color: #1B1C1D;
+  color: #21b8ff;
+}
+
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .primary.label,
+.ui.inverted.primary.basic.tag.label {
+  border: 1px solid #54C8FF;
+}
+.ui.inverted.basic.tag.labels .primary.label:before,
+.ui.inverted.primary.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.secondary.labels .label,
 .ui.secondary.label {
-  background-color: #1B1C1D !important;
-  border-color: #1B1C1D !important;
-  color: rgba(255, 255, 255, 0.9) !important;
+  background-color: #1B1C1D;
+  border-color: #1B1C1D;
+  color: rgba(255, 255, 255, 0.9);
 }
 
 /* Link */
-.ui.secondary.labels .label:hover,
+.ui.secondary.labels a.label:hover,
 a.ui.secondary.label:hover {
-  background-color: #27292a !important;
-  border-color: #27292a !important;
-  color: rgba(255, 255, 255, 0.9) !important;
-}
-
-/* Corner */
-.ui.secondary.corner.label,
-.ui.secondary.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #27292a;
+  border-color: #27292a;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.secondary.ribbon.label {
-  border-color: #020203 !important;
+  border-color: #020203;
 }
 
 /* Basic */
+.ui.basic.labels .secondary.label,
 .ui.basic.secondary.label {
-  background: none #FFFFFF !important;
-  color: #1B1C1D !important;
-  border-color: #1B1C1D !important;
+  background: none #FFFFFF;
+  border-color: #1B1C1D;
+  color: #1B1C1D;
 }
-.ui.basic.secondary.labels a.label:hover,
+.ui.basic.labels a.secondary.label:hover,
 a.ui.basic.secondary.label:hover {
-  background-color: #FFFFFF !important;
-  color: #27292a !important;
-  border-color: #27292a !important;
+  background: none #FFFFFF;
+  border-color: #27292a;
+  color: #27292a;
+}
+
+/* Inverted */
+.ui.inverted.labels .secondary.label,
+.ui.inverted.secondary.label {
+  background-color: #545454;
+  border-color: #545454;
+  color: #1B1C1D;
+}
+
+/* Inverted Link */
+.ui.inverted.labels a.secondary.label:hover,
+a.ui.inverted.secondary.label:hover {
+  background-color: #6e6e6e;
+  border-color: #6e6e6e;
+  color: #1B1C1D;
 }
 
-/*--- Red ---*/
+/* Inverted Ribbon */
+.ui.inverted.secondary.ribbon.label {
+  border-color: #3b3b3b;
+}
+
+/* Inverted Basic */
+.ui.inverted.basic.labels .secondary.label,
+.ui.inverted.basic.secondary.label {
+  background-color: #1B1C1D;
+  border-color: #545454;
+  color: #545454;
+}
+.ui.inverted.basic.labels a.secondary.label:hover,
+a.ui.inverted.basic.secondary.label:hover {
+  border-color: #6e6e6e;
+  background-color: #1B1C1D;
+  color: #6e6e6e;
+}
 
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .secondary.label,
+.ui.inverted.secondary.basic.tag.label {
+  border: 1px solid #545454;
+}
+.ui.inverted.basic.tag.labels .secondary.label:before,
+.ui.inverted.secondary.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.red.labels .label,
 .ui.red.label {
-  background-color: #DB2828 !important;
-  border-color: #DB2828 !important;
-  color: #FFFFFF !important;
+  background-color: #DB2828;
+  border-color: #DB2828;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.red.labels .label:hover,
+.ui.red.labels a.label:hover,
 a.ui.red.label:hover {
-  background-color: #d01919 !important;
-  border-color: #d01919 !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.red.corner.label,
-.ui.red.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #d01919;
+  border-color: #d01919;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.red.ribbon.label {
-  border-color: #b21e1e !important;
+  border-color: #b21e1e;
 }
 
 /* Basic */
+.ui.basic.labels .red.label,
 .ui.basic.red.label {
-  background: none #FFFFFF !important;
-  color: #DB2828 !important;
-  border-color: #DB2828 !important;
+  background: none #FFFFFF;
+  border-color: #DB2828;
+  color: #DB2828;
 }
-.ui.basic.red.labels a.label:hover,
+.ui.basic.labels a.red.label:hover,
 a.ui.basic.red.label:hover {
-  background-color: #FFFFFF !important;
-  color: #d01919 !important;
-  border-color: #d01919 !important;
+  background: none #FFFFFF;
+  border-color: #d01919;
+  color: #d01919;
+}
+
+/* Inverted */
+.ui.inverted.labels .red.label,
+.ui.inverted.red.label {
+  background-color: #FF695E;
+  border-color: #FF695E;
+  color: #1B1C1D;
+}
+
+/* Inverted Link */
+.ui.inverted.labels a.red.label:hover,
+a.ui.inverted.red.label:hover {
+  background-color: #ff392b;
+  border-color: #ff392b;
+  color: #1B1C1D;
 }
 
-/*--- Orange ---*/
+/* Inverted Ribbon */
+.ui.inverted.red.ribbon.label {
+  border-color: #ff392b;
+}
 
+/* Inverted Basic */
+.ui.inverted.basic.labels .red.label,
+.ui.inverted.basic.red.label {
+  background-color: #1B1C1D;
+  border-color: #FF695E;
+  color: #FF695E;
+}
+.ui.inverted.basic.labels a.red.label:hover,
+a.ui.inverted.basic.red.label:hover {
+  border-color: #ff392b;
+  background-color: #1B1C1D;
+  color: #ff392b;
+}
+
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .red.label,
+.ui.inverted.red.basic.tag.label {
+  border: 1px solid #FF695E;
+}
+.ui.inverted.basic.tag.labels .red.label:before,
+.ui.inverted.red.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.orange.labels .label,
 .ui.orange.label {
-  background-color: #F2711C !important;
-  border-color: #F2711C !important;
-  color: #FFFFFF !important;
+  background-color: #F2711C;
+  border-color: #F2711C;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.orange.labels .label:hover,
+.ui.orange.labels a.label:hover,
 a.ui.orange.label:hover {
-  background-color: #f26202 !important;
-  border-color: #f26202 !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.orange.corner.label,
-.ui.orange.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #f26202;
+  border-color: #f26202;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.orange.ribbon.label {
-  border-color: #cf590c !important;
+  border-color: #cf590c;
 }
 
 /* Basic */
+.ui.basic.labels .orange.label,
 .ui.basic.orange.label {
-  background: none #FFFFFF !important;
-  color: #F2711C !important;
-  border-color: #F2711C !important;
+  background: none #FFFFFF;
+  border-color: #F2711C;
+  color: #F2711C;
 }
-.ui.basic.orange.labels a.label:hover,
+.ui.basic.labels a.orange.label:hover,
 a.ui.basic.orange.label:hover {
-  background-color: #FFFFFF !important;
-  color: #f26202 !important;
-  border-color: #f26202 !important;
+  background: none #FFFFFF;
+  border-color: #f26202;
+  color: #f26202;
+}
+
+/* Inverted */
+.ui.inverted.labels .orange.label,
+.ui.inverted.orange.label {
+  background-color: #FF851B;
+  border-color: #FF851B;
+  color: #1B1C1D;
+}
+
+/* Inverted Link */
+.ui.inverted.labels a.orange.label:hover,
+a.ui.inverted.orange.label:hover {
+  background-color: #e76b00;
+  border-color: #e76b00;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.orange.ribbon.label {
+  border-color: #e76b00;
 }
 
-/*--- Yellow ---*/
+/* Inverted Basic */
+.ui.inverted.basic.labels .orange.label,
+.ui.inverted.basic.orange.label {
+  background-color: #1B1C1D;
+  border-color: #FF851B;
+  color: #FF851B;
+}
+.ui.inverted.basic.labels a.orange.label:hover,
+a.ui.inverted.basic.orange.label:hover {
+  border-color: #e76b00;
+  background-color: #1B1C1D;
+  color: #e76b00;
+}
 
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .orange.label,
+.ui.inverted.orange.basic.tag.label {
+  border: 1px solid #FF851B;
+}
+.ui.inverted.basic.tag.labels .orange.label:before,
+.ui.inverted.orange.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.yellow.labels .label,
 .ui.yellow.label {
-  background-color: #FBBD08 !important;
-  border-color: #FBBD08 !important;
-  color: #FFFFFF !important;
+  background-color: #FBBD08;
+  border-color: #FBBD08;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.yellow.labels .label:hover,
+.ui.yellow.labels a.label:hover,
 a.ui.yellow.label:hover {
-  background-color: #eaae00 !important;
-  border-color: #eaae00 !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.yellow.corner.label,
-.ui.yellow.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #eaae00;
+  border-color: #eaae00;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.yellow.ribbon.label {
-  border-color: #cd9903 !important;
+  border-color: #cd9903;
 }
 
 /* Basic */
+.ui.basic.labels .yellow.label,
 .ui.basic.yellow.label {
-  background: none #FFFFFF !important;
-  color: #FBBD08 !important;
-  border-color: #FBBD08 !important;
+  background: none #FFFFFF;
+  border-color: #FBBD08;
+  color: #FBBD08;
 }
-.ui.basic.yellow.labels a.label:hover,
+.ui.basic.labels a.yellow.label:hover,
 a.ui.basic.yellow.label:hover {
-  background-color: #FFFFFF !important;
-  color: #eaae00 !important;
-  border-color: #eaae00 !important;
+  background: none #FFFFFF;
+  border-color: #eaae00;
+  color: #eaae00;
 }
 
-/*--- Olive ---*/
+/* Inverted */
+.ui.inverted.labels .yellow.label,
+.ui.inverted.yellow.label {
+  background-color: #FFE21F;
+  border-color: #FFE21F;
+  color: #1B1C1D;
+}
+
+/* Inverted Link */
+.ui.inverted.labels a.yellow.label:hover,
+a.ui.inverted.yellow.label:hover {
+  background-color: #ebcd00;
+  border-color: #ebcd00;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.yellow.ribbon.label {
+  border-color: #ebcd00;
+}
+
+/* Inverted Basic */
+.ui.inverted.basic.labels .yellow.label,
+.ui.inverted.basic.yellow.label {
+  background-color: #1B1C1D;
+  border-color: #FFE21F;
+  color: #FFE21F;
+}
+.ui.inverted.basic.labels a.yellow.label:hover,
+a.ui.inverted.basic.yellow.label:hover {
+  border-color: #ebcd00;
+  background-color: #1B1C1D;
+  color: #ebcd00;
+}
 
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .yellow.label,
+.ui.inverted.yellow.basic.tag.label {
+  border: 1px solid #FFE21F;
+}
+.ui.inverted.basic.tag.labels .yellow.label:before,
+.ui.inverted.yellow.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.olive.labels .label,
 .ui.olive.label {
-  background-color: #B5CC18 !important;
-  border-color: #B5CC18 !important;
-  color: #FFFFFF !important;
+  background-color: #B5CC18;
+  border-color: #B5CC18;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.olive.labels .label:hover,
+.ui.olive.labels a.label:hover,
 a.ui.olive.label:hover {
-  background-color: #a7bd0d !important;
-  border-color: #a7bd0d !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.olive.corner.label,
-.ui.olive.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #a7bd0d;
+  border-color: #a7bd0d;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.olive.ribbon.label {
-  border-color: #8d9e13 !important;
+  border-color: #8d9e13;
 }
 
 /* Basic */
+.ui.basic.labels .olive.label,
 .ui.basic.olive.label {
-  background: none #FFFFFF !important;
-  color: #B5CC18 !important;
-  border-color: #B5CC18 !important;
+  background: none #FFFFFF;
+  border-color: #B5CC18;
+  color: #B5CC18;
 }
-.ui.basic.olive.labels a.label:hover,
+.ui.basic.labels a.olive.label:hover,
 a.ui.basic.olive.label:hover {
-  background-color: #FFFFFF !important;
-  color: #a7bd0d !important;
-  border-color: #a7bd0d !important;
+  background: none #FFFFFF;
+  border-color: #a7bd0d;
+  color: #a7bd0d;
 }
 
-/*--- Green ---*/
+/* Inverted */
+.ui.inverted.labels .olive.label,
+.ui.inverted.olive.label {
+  background-color: #D9E778;
+  border-color: #D9E778;
+  color: #1B1C1D;
+}
 
+/* Inverted Link */
+.ui.inverted.labels a.olive.label:hover,
+a.ui.inverted.olive.label:hover {
+  background-color: #d2e745;
+  border-color: #d2e745;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.olive.ribbon.label {
+  border-color: #cddf4d;
+}
+
+/* Inverted Basic */
+.ui.inverted.basic.labels .olive.label,
+.ui.inverted.basic.olive.label {
+  background-color: #1B1C1D;
+  border-color: #D9E778;
+  color: #D9E778;
+}
+.ui.inverted.basic.labels a.olive.label:hover,
+a.ui.inverted.basic.olive.label:hover {
+  border-color: #d2e745;
+  background-color: #1B1C1D;
+  color: #d2e745;
+}
+
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .olive.label,
+.ui.inverted.olive.basic.tag.label {
+  border: 1px solid #D9E778;
+}
+.ui.inverted.basic.tag.labels .olive.label:before,
+.ui.inverted.olive.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.green.labels .label,
 .ui.green.label {
-  background-color: #21BA45 !important;
-  border-color: #21BA45 !important;
-  color: #FFFFFF !important;
+  background-color: #21BA45;
+  border-color: #21BA45;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.green.labels .label:hover,
+.ui.green.labels a.label:hover,
 a.ui.green.label:hover {
-  background-color: #16ab39 !important;
-  border-color: #16ab39 !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.green.corner.label,
-.ui.green.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #16ab39;
+  border-color: #16ab39;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.green.ribbon.label {
-  border-color: #198f35 !important;
+  border-color: #198f35;
 }
 
 /* Basic */
+.ui.basic.labels .green.label,
 .ui.basic.green.label {
-  background: none #FFFFFF !important;
-  color: #21BA45 !important;
-  border-color: #21BA45 !important;
+  background: none #FFFFFF;
+  border-color: #21BA45;
+  color: #21BA45;
 }
-.ui.basic.green.labels a.label:hover,
+.ui.basic.labels a.green.label:hover,
 a.ui.basic.green.label:hover {
-  background-color: #FFFFFF !important;
-  color: #16ab39 !important;
-  border-color: #16ab39 !important;
+  background: none #FFFFFF;
+  border-color: #16ab39;
+  color: #16ab39;
+}
+
+/* Inverted */
+.ui.inverted.labels .green.label,
+.ui.inverted.green.label {
+  background-color: #2ECC40;
+  border-color: #2ECC40;
+  color: #1B1C1D;
+}
+
+/* Inverted Link */
+.ui.inverted.labels a.green.label:hover,
+a.ui.inverted.green.label:hover {
+  background-color: #1ea92e;
+  border-color: #1ea92e;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.green.ribbon.label {
+  border-color: #25a233;
 }
 
-/*--- Teal ---*/
+/* Inverted Basic */
+.ui.inverted.basic.labels .green.label,
+.ui.inverted.basic.green.label {
+  background-color: #1B1C1D;
+  border-color: #2ECC40;
+  color: #2ECC40;
+}
+.ui.inverted.basic.labels a.green.label:hover,
+a.ui.inverted.basic.green.label:hover {
+  border-color: #1ea92e;
+  background-color: #1B1C1D;
+  color: #1ea92e;
+}
 
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .green.label,
+.ui.inverted.green.basic.tag.label {
+  border: 1px solid #2ECC40;
+}
+.ui.inverted.basic.tag.labels .green.label:before,
+.ui.inverted.green.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.teal.labels .label,
 .ui.teal.label {
-  background-color: #00B5AD !important;
-  border-color: #00B5AD !important;
-  color: #FFFFFF !important;
+  background-color: #00B5AD;
+  border-color: #00B5AD;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.teal.labels .label:hover,
+.ui.teal.labels a.label:hover,
 a.ui.teal.label:hover {
-  background-color: #009c95 !important;
-  border-color: #009c95 !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.teal.corner.label,
-.ui.teal.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #009c95;
+  border-color: #009c95;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.teal.ribbon.label {
-  border-color: #00827c !important;
+  border-color: #00827c;
 }
 
 /* Basic */
+.ui.basic.labels .teal.label,
 .ui.basic.teal.label {
-  background: none #FFFFFF !important;
-  color: #00B5AD !important;
-  border-color: #00B5AD !important;
+  background: none #FFFFFF;
+  border-color: #00B5AD;
+  color: #00B5AD;
 }
-.ui.basic.teal.labels a.label:hover,
+.ui.basic.labels a.teal.label:hover,
 a.ui.basic.teal.label:hover {
-  background-color: #FFFFFF !important;
-  color: #009c95 !important;
-  border-color: #009c95 !important;
+  background: none #FFFFFF;
+  border-color: #009c95;
+  color: #009c95;
 }
 
-/*--- Blue ---*/
+/* Inverted */
+.ui.inverted.labels .teal.label,
+.ui.inverted.teal.label {
+  background-color: #6DFFFF;
+  border-color: #6DFFFF;
+  color: #1B1C1D;
+}
 
+/* Inverted Link */
+.ui.inverted.labels a.teal.label:hover,
+a.ui.inverted.teal.label:hover {
+  background-color: #3affff;
+  border-color: #3affff;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.teal.ribbon.label {
+  border-color: #3affff;
+}
+
+/* Inverted Basic */
+.ui.inverted.basic.labels .teal.label,
+.ui.inverted.basic.teal.label {
+  background-color: #1B1C1D;
+  border-color: #6DFFFF;
+  color: #6DFFFF;
+}
+.ui.inverted.basic.labels a.teal.label:hover,
+a.ui.inverted.basic.teal.label:hover {
+  border-color: #3affff;
+  background-color: #1B1C1D;
+  color: #3affff;
+}
+
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .teal.label,
+.ui.inverted.teal.basic.tag.label {
+  border: 1px solid #6DFFFF;
+}
+.ui.inverted.basic.tag.labels .teal.label:before,
+.ui.inverted.teal.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.blue.labels .label,
 .ui.blue.label {
-  background-color: #2185D0 !important;
-  border-color: #2185D0 !important;
-  color: #FFFFFF !important;
+  background-color: #2185D0;
+  border-color: #2185D0;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.blue.labels .label:hover,
+.ui.blue.labels a.label:hover,
 a.ui.blue.label:hover {
-  background-color: #1678c2 !important;
-  border-color: #1678c2 !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.blue.corner.label,
-.ui.blue.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #1678c2;
+  border-color: #1678c2;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.blue.ribbon.label {
-  border-color: #1a69a4 !important;
+  border-color: #1a69a4;
 }
 
 /* Basic */
+.ui.basic.labels .blue.label,
 .ui.basic.blue.label {
-  background: none #FFFFFF !important;
-  color: #2185D0 !important;
-  border-color: #2185D0 !important;
+  background: none #FFFFFF;
+  border-color: #2185D0;
+  color: #2185D0;
 }
-.ui.basic.blue.labels a.label:hover,
+.ui.basic.labels a.blue.label:hover,
 a.ui.basic.blue.label:hover {
-  background-color: #FFFFFF !important;
-  color: #1678c2 !important;
-  border-color: #1678c2 !important;
+  background: none #FFFFFF;
+  border-color: #1678c2;
+  color: #1678c2;
+}
+
+/* Inverted */
+.ui.inverted.labels .blue.label,
+.ui.inverted.blue.label {
+  background-color: #54C8FF;
+  border-color: #54C8FF;
+  color: #1B1C1D;
+}
+
+/* Inverted Link */
+.ui.inverted.labels a.blue.label:hover,
+a.ui.inverted.blue.label:hover {
+  background-color: #21b8ff;
+  border-color: #21b8ff;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.blue.ribbon.label {
+  border-color: #21b8ff;
 }
 
-/*--- Violet ---*/
+/* Inverted Basic */
+.ui.inverted.basic.labels .blue.label,
+.ui.inverted.basic.blue.label {
+  background-color: #1B1C1D;
+  border-color: #54C8FF;
+  color: #54C8FF;
+}
+.ui.inverted.basic.labels a.blue.label:hover,
+a.ui.inverted.basic.blue.label:hover {
+  border-color: #21b8ff;
+  background-color: #1B1C1D;
+  color: #21b8ff;
+}
 
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .blue.label,
+.ui.inverted.blue.basic.tag.label {
+  border: 1px solid #54C8FF;
+}
+.ui.inverted.basic.tag.labels .blue.label:before,
+.ui.inverted.blue.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.violet.labels .label,
 .ui.violet.label {
-  background-color: #6435C9 !important;
-  border-color: #6435C9 !important;
-  color: #FFFFFF !important;
+  background-color: #6435C9;
+  border-color: #6435C9;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.violet.labels .label:hover,
+.ui.violet.labels a.label:hover,
 a.ui.violet.label:hover {
-  background-color: #5829bb !important;
-  border-color: #5829bb !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.violet.corner.label,
-.ui.violet.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #5829bb;
+  border-color: #5829bb;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.violet.ribbon.label {
-  border-color: #502aa1 !important;
+  border-color: #502aa1;
 }
 
 /* Basic */
+.ui.basic.labels .violet.label,
 .ui.basic.violet.label {
-  background: none #FFFFFF !important;
-  color: #6435C9 !important;
-  border-color: #6435C9 !important;
+  background: none #FFFFFF;
+  border-color: #6435C9;
+  color: #6435C9;
 }
-.ui.basic.violet.labels a.label:hover,
+.ui.basic.labels a.violet.label:hover,
 a.ui.basic.violet.label:hover {
-  background-color: #FFFFFF !important;
-  color: #5829bb !important;
-  border-color: #5829bb !important;
+  background: none #FFFFFF;
+  border-color: #5829bb;
+  color: #5829bb;
+}
+
+/* Inverted */
+.ui.inverted.labels .violet.label,
+.ui.inverted.violet.label {
+  background-color: #A291FB;
+  border-color: #A291FB;
+  color: #1B1C1D;
 }
 
-/*--- Purple ---*/
+/* Inverted Link */
+.ui.inverted.labels a.violet.label:hover,
+a.ui.inverted.violet.label:hover {
+  background-color: #745aff;
+  border-color: #745aff;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.violet.ribbon.label {
+  border-color: #7860f9;
+}
 
+/* Inverted Basic */
+.ui.inverted.basic.labels .violet.label,
+.ui.inverted.basic.violet.label {
+  background-color: #1B1C1D;
+  border-color: #A291FB;
+  color: #A291FB;
+}
+.ui.inverted.basic.labels a.violet.label:hover,
+a.ui.inverted.basic.violet.label:hover {
+  border-color: #745aff;
+  background-color: #1B1C1D;
+  color: #745aff;
+}
+
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .violet.label,
+.ui.inverted.violet.basic.tag.label {
+  border: 1px solid #A291FB;
+}
+.ui.inverted.basic.tag.labels .violet.label:before,
+.ui.inverted.violet.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.purple.labels .label,
 .ui.purple.label {
-  background-color: #A333C8 !important;
-  border-color: #A333C8 !important;
-  color: #FFFFFF !important;
+  background-color: #A333C8;
+  border-color: #A333C8;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.purple.labels .label:hover,
+.ui.purple.labels a.label:hover,
 a.ui.purple.label:hover {
-  background-color: #9627ba !important;
-  border-color: #9627ba !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.purple.corner.label,
-.ui.purple.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #9627ba;
+  border-color: #9627ba;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.purple.ribbon.label {
-  border-color: #82299f !important;
+  border-color: #82299f;
 }
 
 /* Basic */
+.ui.basic.labels .purple.label,
 .ui.basic.purple.label {
-  background: none #FFFFFF !important;
-  color: #A333C8 !important;
-  border-color: #A333C8 !important;
+  background: none #FFFFFF;
+  border-color: #A333C8;
+  color: #A333C8;
 }
-.ui.basic.purple.labels a.label:hover,
+.ui.basic.labels a.purple.label:hover,
 a.ui.basic.purple.label:hover {
-  background-color: #FFFFFF !important;
-  color: #9627ba !important;
-  border-color: #9627ba !important;
+  background: none #FFFFFF;
+  border-color: #9627ba;
+  color: #9627ba;
 }
 
-/*--- Pink ---*/
+/* Inverted */
+.ui.inverted.labels .purple.label,
+.ui.inverted.purple.label {
+  background-color: #DC73FF;
+  border-color: #DC73FF;
+  color: #1B1C1D;
+}
 
+/* Inverted Link */
+.ui.inverted.labels a.purple.label:hover,
+a.ui.inverted.purple.label:hover {
+  background-color: #cf40ff;
+  border-color: #cf40ff;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.purple.ribbon.label {
+  border-color: #cf40ff;
+}
+
+/* Inverted Basic */
+.ui.inverted.basic.labels .purple.label,
+.ui.inverted.basic.purple.label {
+  background-color: #1B1C1D;
+  border-color: #DC73FF;
+  color: #DC73FF;
+}
+.ui.inverted.basic.labels a.purple.label:hover,
+a.ui.inverted.basic.purple.label:hover {
+  border-color: #cf40ff;
+  background-color: #1B1C1D;
+  color: #cf40ff;
+}
+
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .purple.label,
+.ui.inverted.purple.basic.tag.label {
+  border: 1px solid #DC73FF;
+}
+.ui.inverted.basic.tag.labels .purple.label:before,
+.ui.inverted.purple.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.pink.labels .label,
 .ui.pink.label {
-  background-color: #E03997 !important;
-  border-color: #E03997 !important;
-  color: #FFFFFF !important;
+  background-color: #E03997;
+  border-color: #E03997;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.pink.labels .label:hover,
+.ui.pink.labels a.label:hover,
 a.ui.pink.label:hover {
-  background-color: #e61a8d !important;
-  border-color: #e61a8d !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.pink.corner.label,
-.ui.pink.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #e61a8d;
+  border-color: #e61a8d;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.pink.ribbon.label {
-  border-color: #c71f7e !important;
+  border-color: #c71f7e;
 }
 
 /* Basic */
+.ui.basic.labels .pink.label,
 .ui.basic.pink.label {
-  background: none #FFFFFF !important;
-  color: #E03997 !important;
-  border-color: #E03997 !important;
+  background: none #FFFFFF;
+  border-color: #E03997;
+  color: #E03997;
 }
-.ui.basic.pink.labels a.label:hover,
+.ui.basic.labels a.pink.label:hover,
 a.ui.basic.pink.label:hover {
-  background-color: #FFFFFF !important;
-  color: #e61a8d !important;
-  border-color: #e61a8d !important;
+  background: none #FFFFFF;
+  border-color: #e61a8d;
+  color: #e61a8d;
+}
+
+/* Inverted */
+.ui.inverted.labels .pink.label,
+.ui.inverted.pink.label {
+  background-color: #FF8EDF;
+  border-color: #FF8EDF;
+  color: #1B1C1D;
+}
+
+/* Inverted Link */
+.ui.inverted.labels a.pink.label:hover,
+a.ui.inverted.pink.label:hover {
+  background-color: #ff5bd1;
+  border-color: #ff5bd1;
+  color: #1B1C1D;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.pink.ribbon.label {
+  border-color: #ff5bd1;
 }
 
-/*--- Brown ---*/
+/* Inverted Basic */
+.ui.inverted.basic.labels .pink.label,
+.ui.inverted.basic.pink.label {
+  background-color: #1B1C1D;
+  border-color: #FF8EDF;
+  color: #FF8EDF;
+}
+.ui.inverted.basic.labels a.pink.label:hover,
+a.ui.inverted.basic.pink.label:hover {
+  border-color: #ff5bd1;
+  background-color: #1B1C1D;
+  color: #ff5bd1;
+}
 
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .pink.label,
+.ui.inverted.pink.basic.tag.label {
+  border: 1px solid #FF8EDF;
+}
+.ui.inverted.basic.tag.labels .pink.label:before,
+.ui.inverted.pink.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.brown.labels .label,
 .ui.brown.label {
-  background-color: #A5673F !important;
-  border-color: #A5673F !important;
-  color: #FFFFFF !important;
+  background-color: #A5673F;
+  border-color: #A5673F;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.brown.labels .label:hover,
+.ui.brown.labels a.label:hover,
 a.ui.brown.label:hover {
-  background-color: #975b33 !important;
-  border-color: #975b33 !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.brown.corner.label,
-.ui.brown.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #975b33;
+  border-color: #975b33;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.brown.ribbon.label {
-  border-color: #805031 !important;
+  border-color: #805031;
 }
 
 /* Basic */
+.ui.basic.labels .brown.label,
 .ui.basic.brown.label {
-  background: none #FFFFFF !important;
-  color: #A5673F !important;
-  border-color: #A5673F !important;
+  background: none #FFFFFF;
+  border-color: #A5673F;
+  color: #A5673F;
 }
-.ui.basic.brown.labels a.label:hover,
+.ui.basic.labels a.brown.label:hover,
 a.ui.basic.brown.label:hover {
-  background-color: #FFFFFF !important;
-  color: #975b33 !important;
-  border-color: #975b33 !important;
+  background: none #FFFFFF;
+  border-color: #975b33;
+  color: #975b33;
 }
 
-/*--- Grey ---*/
+/* Inverted */
+.ui.inverted.labels .brown.label,
+.ui.inverted.brown.label {
+  background-color: #D67C1C;
+  border-color: #D67C1C;
+  color: #1B1C1D;
+}
+
+/* Inverted Link */
+.ui.inverted.labels a.brown.label:hover,
+a.ui.inverted.brown.label:hover {
+  background-color: #b0620f;
+  border-color: #b0620f;
+  color: #1B1C1D;
+}
 
+/* Inverted Ribbon */
+.ui.inverted.brown.ribbon.label {
+  border-color: #a96216;
+}
+
+/* Inverted Basic */
+.ui.inverted.basic.labels .brown.label,
+.ui.inverted.basic.brown.label {
+  background-color: #1B1C1D;
+  border-color: #D67C1C;
+  color: #D67C1C;
+}
+.ui.inverted.basic.labels a.brown.label:hover,
+a.ui.inverted.basic.brown.label:hover {
+  border-color: #b0620f;
+  background-color: #1B1C1D;
+  color: #b0620f;
+}
+
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .brown.label,
+.ui.inverted.brown.basic.tag.label {
+  border: 1px solid #D67C1C;
+}
+.ui.inverted.basic.tag.labels .brown.label:before,
+.ui.inverted.brown.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.grey.labels .label,
 .ui.grey.label {
-  background-color: #767676 !important;
-  border-color: #767676 !important;
-  color: #FFFFFF !important;
+  background-color: #767676;
+  border-color: #767676;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.grey.labels .label:hover,
+.ui.grey.labels a.label:hover,
 a.ui.grey.label:hover {
-  background-color: #838383 !important;
-  border-color: #838383 !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.grey.corner.label,
-.ui.grey.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #838383;
+  border-color: #838383;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.grey.ribbon.label {
-  border-color: #5d5d5d !important;
+  border-color: #5d5d5d;
 }
 
 /* Basic */
+.ui.basic.labels .grey.label,
 .ui.basic.grey.label {
-  background: none #FFFFFF !important;
-  color: #767676 !important;
-  border-color: #767676 !important;
+  background: none #FFFFFF;
+  border-color: #767676;
+  color: #767676;
 }
-.ui.basic.grey.labels a.label:hover,
+.ui.basic.labels a.grey.label:hover,
 a.ui.basic.grey.label:hover {
-  background-color: #FFFFFF !important;
-  color: #838383 !important;
-  border-color: #838383 !important;
+  background: none #FFFFFF;
+  border-color: #838383;
+  color: #838383;
+}
+
+/* Inverted */
+.ui.inverted.labels .grey.label,
+.ui.inverted.grey.label {
+  background-color: #DCDDDE;
+  border-color: #DCDDDE;
+  color: #1B1C1D;
 }
 
-/*--- Black ---*/
+/* Inverted Link */
+.ui.inverted.labels a.grey.label:hover,
+a.ui.inverted.grey.label:hover {
+  background-color: #c2c4c5;
+  border-color: #c2c4c5;
+  color: #FFFFFF;
+}
+
+/* Inverted Ribbon */
+.ui.inverted.grey.ribbon.label {
+  border-color: #e9eaea;
+}
+
+/* Inverted Basic */
+.ui.inverted.basic.labels .grey.label,
+.ui.inverted.basic.grey.label {
+  background-color: #1B1C1D;
+  border-color: #DCDDDE;
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.basic.labels a.grey.label:hover,
+a.ui.inverted.basic.grey.label:hover {
+  border-color: #c2c4c5;
+  background-color: #1B1C1D;
+}
 
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .grey.label,
+.ui.inverted.grey.basic.tag.label {
+  border: 1px solid #DCDDDE;
+}
+.ui.inverted.basic.tag.labels .grey.label:before,
+.ui.inverted.grey.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
+}
 .ui.black.labels .label,
 .ui.black.label {
-  background-color: #1B1C1D !important;
-  border-color: #1B1C1D !important;
-  color: #FFFFFF !important;
+  background-color: #1B1C1D;
+  border-color: #1B1C1D;
+  color: #FFFFFF;
 }
 
 /* Link */
-.ui.black.labels .label:hover,
+.ui.black.labels a.label:hover,
 a.ui.black.label:hover {
-  background-color: #27292a !important;
-  border-color: #27292a !important;
-  color: #FFFFFF !important;
-}
-
-/* Corner */
-.ui.black.corner.label,
-.ui.black.corner.label:hover {
-  background-color: transparent !important;
+  background-color: #27292a;
+  border-color: #27292a;
+  color: #FFFFFF;
 }
 
 /* Ribbon */
 .ui.black.ribbon.label {
-  border-color: #020203 !important;
+  border-color: #020203;
 }
 
 /* Basic */
+.ui.basic.labels .black.label,
 .ui.basic.black.label {
-  background: none #FFFFFF !important;
-  color: #1B1C1D !important;
-  border-color: #1B1C1D !important;
+  background: none #FFFFFF;
+  border-color: #1B1C1D;
+  color: #1B1C1D;
 }
-.ui.basic.black.labels a.label:hover,
+.ui.basic.labels a.black.label:hover,
 a.ui.basic.black.label:hover {
-  background-color: #FFFFFF !important;
-  color: #27292a !important;
-  border-color: #27292a !important;
-}
-
-/*-------------------
-        Basic
---------------------*/
-
-.ui.basic.label {
   background: none #FFFFFF;
-  border: 1px solid rgba(34, 36, 38, 0.15);
-  color: rgba(0, 0, 0, 0.87);
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  border-color: #27292a;
+  color: #27292a;
 }
 
-/* Link */
-a.ui.basic.label:hover {
-  text-decoration: none;
-  background: none #FFFFFF;
-  color: #1e70bf;
-  -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15);
-          box-shadow: 1px solid rgba(34, 36, 38, 0.15);
-  -webkit-box-shadow: none;
-          box-shadow: none;
+/* Inverted */
+.ui.inverted.labels .black.label,
+.ui.inverted.black.label {
+  background-color: #545454;
+  border-color: #545454;
+  color: #1B1C1D;
 }
 
-/* Pointing */
-.ui.basic.pointing.label:before {
-  border-color: inherit;
+/* Inverted Link */
+.ui.inverted.labels a.black.label:hover,
+a.ui.inverted.black.label:hover {
+  background-color: #000000;
+  border-color: #000000;
+  color: #FFFFFF;
 }
 
-/*-------------------
-       Fluid
---------------------*/
-
-.ui.label.fluid,
-.ui.fluid.labels > .label {
-  width: 100%;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+/* Inverted Ribbon */
+.ui.inverted.black.ribbon.label {
+  border-color: #616161;
 }
 
-/*-------------------
-       Inverted
---------------------*/
+/* Inverted Basic */
+.ui.inverted.basic.labels .black.label,
+.ui.inverted.basic.black.label {
+  background-color: #1B1C1D;
+  border-color: #545454;
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.basic.labels a.black.label:hover,
+a.ui.inverted.basic.black.label:hover {
+  border-color: #000000;
+  background-color: #1B1C1D;
+}
 
-.ui.inverted.labels .label,
-.ui.inverted.label {
-  color: rgba(255, 255, 255, 0.9) !important;
+/* Inverted Basic Tags */
+.ui.inverted.basic.tag.labels .black.label,
+.ui.inverted.black.basic.tag.label {
+  border: 1px solid #545454;
+}
+.ui.inverted.basic.tag.labels .black.label:before,
+.ui.inverted.black.basic.tag.label:before {
+  border-color: inherit;
+  border-width: 1px 0 0 1px;
+  border-style: inherit;
+  background-color: #1B1C1D;
+  right: calc(100% + 1px);
 }
 
 /*-------------------
@@ -1175,7 +1818,7 @@ a.ui.basic.label:hover {
 
 .ui.horizontal.labels .label,
 .ui.horizontal.label {
-  margin: 0em 0.5em 0em 0em;
+  margin: 0 0.5em 0 0;
   padding: 0.4em 0.833em;
   min-width: 3em;
   text-align: center;
@@ -1196,8 +1839,8 @@ a.ui.basic.label:hover {
 }
 .ui.empty.circular.labels .label,
 .ui.empty.circular.label {
-  min-width: 0em;
-  min-height: 0em;
+  min-width: 0;
+  min-height: 0;
   overflow: hidden;
   width: 0.5em;
   height: 0.5em;
@@ -1217,7 +1860,7 @@ a.ui.basic.label:hover {
 .ui.pointing.label:before {
   background-color: inherit;
   background-image: inherit;
-  border-width: none;
+  border-width: 0;
   border-style: solid;
   border-color: inherit;
 }
@@ -1232,8 +1875,8 @@ a.ui.basic.label:hover {
   z-index: 2;
   width: 0.6666em;
   height: 0.6666em;
-  -webkit-transition: background 0.1s ease;
-  transition: background 0.1s ease;
+  -webkit-transition: none;
+  transition: none;
 }
 
 /*--- Above ---*/
@@ -1244,10 +1887,10 @@ a.ui.basic.label:hover {
 }
 .ui.pointing.label:before,
 .ui[class*="pointing above"].label:before {
-  border-width: 1px 0px 0px 1px;
+  border-width: 1px 0 0 1px;
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
           transform: translateX(-50%) translateY(-50%) rotate(45deg);
-  top: 0%;
+  top: 0;
   left: 50%;
 }
 
@@ -1255,12 +1898,12 @@ a.ui.basic.label:hover {
 
 .ui[class*="bottom pointing"].label,
 .ui[class*="pointing below"].label {
-  margin-top: 0em;
+  margin-top: 0;
   margin-bottom: 1em;
 }
 .ui[class*="bottom pointing"].label:before,
 .ui[class*="pointing below"].label:before {
-  border-width: 0px 1px 1px 0px;
+  border-width: 0 1px 1px 0;
   top: auto;
   right: auto;
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
@@ -1272,31 +1915,31 @@ a.ui.basic.label:hover {
 /*--- Left ---*/
 
 .ui[class*="left pointing"].label {
-  margin-top: 0em;
+  margin-top: 0;
   margin-left: 0.6666em;
 }
 .ui[class*="left pointing"].label:before {
-  border-width: 0px 0px 1px 1px;
+  border-width: 0 0 1px 1px;
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
           transform: translateX(-50%) translateY(-50%) rotate(45deg);
   bottom: auto;
   right: auto;
   top: 50%;
-  left: 0em;
+  left: 0;
 }
 
 /*--- Right ---*/
 
 .ui[class*="right pointing"].label {
-  margin-top: 0em;
+  margin-top: 0;
   margin-right: 0.6666em;
 }
 .ui[class*="right pointing"].label:before {
-  border-width: 1px 1px 0px 0px;
+  border-width: 1px 1px 0 0;
   -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
           transform: translateX(50%) translateY(-50%) rotate(45deg);
   top: 50%;
-  right: 0%;
+  right: 0;
   bottom: auto;
   left: auto;
 }
@@ -1342,7 +1985,7 @@ a.ui.basic.label:hover {
   z-index: 100;
   top: -1em;
   left: 100%;
-  margin: 0em 0em 0em -1.5em !important;
+  margin: 0 0 0 -1.5em !important;
 }
 
 /*-------------------