fomantic-ui 2.9.1-beta.8 → 2.9.1

package/dist/components/label.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.8+edc5e7e - Label
+ * # Fomantic-UI 2.9.1 - Label
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -18,7 +18,7 @@
   line-height: 1;
   vertical-align: baseline;
   margin: 0 0.14285714em;
-  background-color: #E8E8E8;
+  background-color: #e8e8e8;
   background-image: none;
   padding: 0.5833em 0.833em;
   color: rgba(0, 0, 0, 0.6);
@@ -26,7 +26,6 @@
   font-weight: bold;
   border: 0 solid transparent;
   border-radius: 0.28571429rem;
-  -webkit-transition: background 0.1s ease;
   transition: background 0.1s ease;
 }
 .ui.label:first-child {
@@ -46,7 +45,6 @@ a.ui.label {
   cursor: pointer;
   color: inherit;
   opacity: 0.5;
-  -webkit-transition: 0.1s opacity ease;
   transition: 0.1s opacity ease;
 }
 .ui.label > a:hover {
@@ -85,7 +83,6 @@ a.ui.label {
   cursor: pointer;
   font-size: 0.92857143em;
   opacity: 0.5;
-  -webkit-transition: background 0.1s ease;
   transition: background 0.1s ease;
 }
 .ui.label > .close.icon:hover,
@@ -117,18 +114,16 @@ a.ui.label {
   margin: 0 0 0 0.75em;
 }
 
-/*-------------------
+/* -------------------
        Group
---------------------*/
-
+-------------------- */
 .ui.labels > .label {
   margin: 0 0.5em 0.5em 0;
 }
 
-/*-------------------
+/* -------------------
        Coupling
---------------------*/
-
+-------------------- */
 .ui.header > .ui.label {
   margin-top: -0.29165em;
 }
@@ -186,11 +181,10 @@ a.ui.label {
   max-width: 9999px;
   vertical-align: baseline;
   text-transform: none;
-  background: #E8E8E8;
+  background: #e8e8e8;
   padding: 0.5833em 0.833em 0.5833em 0.5em;
   border-radius: 0.28571429rem;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .ui.image.label.attached:not(.basic) {
   padding: 0.5833em 0.833em 0.5833em 0.5em;
@@ -217,10 +211,9 @@ a.ui.label {
   border-bottom-left-radius: 0;
 }
 
-/*-------------------
-         Tag
---------------------*/
-
+/* -------------------
+             Tag
+    -------------------- */
 .ui.tag.labels .label,
 .ui.tag.label {
   margin-left: 1em;
@@ -228,36 +221,32 @@ a.ui.label {
   padding-left: 1.5em;
   padding-right: 1.5em;
   border-radius: 0 0.28571429rem 0.28571429rem 0;
-  -webkit-transition: none;
   transition: none;
 }
 .ui.tag.labels .label::before,
 .ui.tag.label::before {
   position: absolute;
-  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
-          transform: translateY(-50%) translateX(50%) rotate(-45deg);
+  transform: translateY(-50%) translateX(50%) rotate(-45deg);
   top: 50%;
   right: 100%;
-  content: '';
+  content: "";
   background-color: inherit;
   background-image: none;
   width: 1.56em;
   height: 1.56em;
-  -webkit-transition: none;
   transition: none;
 }
 .ui.tag.labels .label::after,
 .ui.tag.label::after {
   position: absolute;
-  content: '';
+  content: "";
   top: 50%;
   left: -0.25em;
   margin-top: -0.25em;
-  background-color: #FFFFFF;
+  background-color: #fff;
   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);
+  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
   border-radius: 500rem;
 }
 .ui.basic.tag.labels .label::before,
@@ -269,14 +258,12 @@ a.ui.label {
 }
 .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);
+  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
 }
 
-/*-------------------
-    Corner Label
---------------------*/
-
+/* -------------------
+        Corner Label
+    -------------------- */
 .ui.corner.label {
   position: absolute;
   top: 0;
@@ -284,11 +271,10 @@ a.ui.label {
   margin: 0;
   padding: 0;
   text-align: center;
-  border-color: #E8E8E8;
+  border-color: #e8e8e8;
   width: 4em;
   height: 4em;
   z-index: 1;
-  -webkit-transition: border-color 0.1s ease;
   transition: border-color 0.1s ease;
 }
 
@@ -310,7 +296,6 @@ a.ui.label {
   border-bottom: 4em solid transparent;
   border-left: 0 solid transparent;
   border-right-color: inherit;
-  -webkit-transition: border-color 0.1s ease;
   transition: border-color 0.1s ease;
 }
 .ui.corner.label .icon {
@@ -351,22 +336,20 @@ a.ui.label {
   left: -1px;
 }
 
-/*-------------------
-         Ribbon
-  --------------------*/
-
+/* -------------------
+           Ribbon
+    -------------------- */
 .ui.ribbon.label {
   position: relative;
   margin: 0;
   min-width: -webkit-max-content;
-  min-width: -moz-max-content;
   min-width: max-content;
   border-radius: 0 0.28571429rem 0.28571429rem 0;
   border-color: rgba(0, 0, 0, 0.15);
 }
 .ui.ribbon.label::after {
   position: absolute;
-  content: '';
+  content: "";
   top: 100%;
   left: 0;
   background-color: transparent;
@@ -415,8 +398,7 @@ a.ui.label {
 /* Right Ribbon */
 .ui[class*="right ribbon"].label {
   text-align: left;
-  -webkit-transform: translateX(-100%);
-          transform: translateX(-100%);
+  transform: translateX(-100%);
   border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
 .ui[class*="right ribbon"].label::after {
@@ -453,10 +435,9 @@ a.ui.label {
   padding-left: 0.833em;
 }
 
-/*-------------------
-        Attached
-  --------------------*/
-
+/* -------------------
+          Attached
+    -------------------- */
 .ui[class*="top attached"].label,
 .ui.attached.label {
   width: 100%;
@@ -504,22 +485,22 @@ a.ui.label {
 *******************************/
 
 
-/*-------------------
+/* -------------------
       Disabled
---------------------*/
-
+-------------------- */
+.ui.disabled.labels .label,
 .ui.label.disabled {
-  opacity: 0.5;
+  opacity: 0.45;
+  pointer-events: none;
 }
 
-/*-------------------
+/* -------------------
         Hover
---------------------*/
-
+-------------------- */
 .ui.labels a.label:hover,
 a.ui.label:hover {
-  background-color: #E0E0E0;
-  border-color: #E0E0E0;
+  background-color: #e0e0e0;
+  border-color: #e0e0e0;
   background-image: none;
   color: rgba(0, 0, 0, 0.8);
 }
@@ -528,53 +509,49 @@ a.ui.label:hover::before {
   color: rgba(0, 0, 0, 0.8);
 }
 
-/*-------------------
+/* -------------------
         Active
---------------------*/
-
+-------------------- */
 .ui.active.label {
-  background-color: #D0D0D0;
-  border-color: #D0D0D0;
+  background-color: #d0d0d0;
+  border-color: #d0d0d0;
   background-image: none;
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.active.label::before {
-  background-color: #D0D0D0;
+  background-color: #d0d0d0;
   background-image: none;
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*-------------------
+/* -------------------
      Active Hover
---------------------*/
-
+-------------------- */
 .ui.labels a.active.label:hover,
 a.ui.active.label:hover {
-  background-color: #C8C8C8;
-  border-color: #C8C8C8;
+  background-color: #c8c8c8;
+  border-color: #c8c8c8;
   background-image: none;
   color: rgba(0, 0, 0, 0.95);
 }
 .ui.labels a.active.label:hover::before,
 a.ui.active.label:hover::before {
-  background-color: #C8C8C8;
+  background-color: #c8c8c8;
   background-image: none;
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*-------------------
+/* -------------------
       Visible
---------------------*/
-
+-------------------- */
 .ui.labels.visible .label,
 .ui.label.visible:not(.dropdown) {
   display: inline-block !important;
 }
 
-/*-------------------
+/* -------------------
       Hidden
---------------------*/
-
+-------------------- */
 .ui.labels.hidden .label,
 .ui.label.hidden {
   display: none !important;
@@ -586,17 +563,15 @@ a.ui.active.label:hover::before {
 *******************************/
 
 
-/*-------------------
-          Basic
-  --------------------*/
-
+/* -------------------
+            Basic
+    -------------------- */
 .ui.basic.labels .label,
 .ui.basic.label {
-  background: none #FFFFFF;
+  background: none #fff;
   border: 1px solid rgba(34, 36, 38, 0.15);
   color: rgba(0, 0, 0, 0.87);
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   padding-top: calc(0.5833em - 1px);
   padding-bottom: calc(0.5833em - 1px);
   padding-right: calc(0.833em - 1px);
@@ -613,10 +588,9 @@ a.ui.active.label:hover::before {
 .ui.basic.labels a.label:hover,
 a.ui.basic.label:hover {
   text-decoration: none;
-  background: none #FFFFFF;
+  background: none #fff;
   color: #1e70bf;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
 /* Pointing */
@@ -624,21 +598,22 @@ a.ui.basic.label:hover {
   border-color: inherit;
 }
 
-/*-------------------
-         Fluid
-  --------------------*/
-
+/* -------------------
+           Fluid
+    -------------------- */
 .ui.label.fluid,
 .ui.fluid.labels > .label {
   width: 100%;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
+}
+.ui.centered.labels .label,
+.ui.centered.label {
+  text-align: center;
 }
 
-/*-------------------
-         Inverted
-  --------------------*/
-
+/* -------------------
+           Inverted
+    -------------------- */
 .ui.inverted.labels .label,
 .ui.inverted.label {
   color: rgba(255, 255, 255, 0.9);
@@ -648,28 +623,26 @@ a.ui.basic.label:hover {
   border-color: #b5b5b5;
 }
 .ui.inverted.corner.label:hover {
-  border-color: #E8E8E8;
-  -webkit-transition: none;
+  border-color: #e8e8e8;
   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;
+  background: #1b1c1d;
 }
 .ui.inverted.basic.label:hover {
-  color: #4183C4;
+  color: #4183c4;
 }
 
-/*-------------------
+/* -------------------
        Colors
---------------------*/
-
+-------------------- */
 .ui.primary.labels .label,
 .ui.ui.ui.primary.label {
-  background-color: #2185D0;
-  border-color: #2185D0;
+  background-color: #2185d0;
+  border-color: #2185d0;
   color: rgba(255, 255, 255, 0.9);
 }
 
@@ -678,7 +651,7 @@ a.ui.basic.label:hover {
 a.ui.ui.ui.primary.label:hover {
   background-color: #1678c2;
   border-color: #1678c2;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -689,13 +662,13 @@ a.ui.ui.ui.primary.label:hover {
 /* Basic */
 .ui.basic.labels .primary.label,
 .ui.ui.ui.basic.primary.label {
-  background: none #FFFFFF;
-  border-color: #2185D0;
-  color: #2185D0;
+  background: none #fff;
+  border-color: #2185d0;
+  color: #2185d0;
 }
 .ui.basic.labels a.primary.label:hover,
 a.ui.ui.ui.basic.primary.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #1678c2;
   color: #1678c2;
 }
@@ -703,9 +676,9 @@ a.ui.ui.ui.basic.primary.label:hover {
 /* Inverted */
 .ui.inverted.labels .primary.label,
 .ui.ui.ui.inverted.primary.label {
-  background-color: #54C8FF;
-  border-color: #54C8FF;
-  color: #1B1C1D;
+  background-color: #54c8ff;
+  border-color: #54c8ff;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -713,7 +686,7 @@ a.ui.ui.ui.basic.primary.label:hover {
 a.ui.ui.ui.inverted.primary.label:hover {
   background-color: #21b8ff;
   border-color: #21b8ff;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -724,34 +697,34 @@ a.ui.ui.ui.inverted.primary.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .primary.label,
 .ui.ui.ui.inverted.basic.primary.label {
-  background-color: #1B1C1D;
-  border-color: #54C8FF;
-  color: #54C8FF;
+  background-color: #1b1c1d;
+  border-color: #54c8ff;
+  color: #54c8ff;
 }
 .ui.inverted.basic.labels a.primary.label:hover,
 a.ui.ui.ui.inverted.basic.primary.label:hover {
   border-color: #21b8ff;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #21b8ff;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .primary.label,
 .ui.ui.ui.inverted.primary.basic.tag.label {
-  border: 1px solid #54C8FF;
+  border: 1px solid #54c8ff;
 }
 .ui.inverted.basic.tag.labels .primary.label::before,
 .ui.ui.ui.inverted.primary.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.secondary.labels .label,
 .ui.ui.ui.secondary.label {
-  background-color: #1B1C1D;
-  border-color: #1B1C1D;
+  background-color: #1b1c1d;
+  border-color: #1b1c1d;
   color: rgba(255, 255, 255, 0.9);
 }
 
@@ -760,7 +733,7 @@ a.ui.ui.ui.inverted.basic.primary.label:hover {
 a.ui.ui.ui.secondary.label:hover {
   background-color: #27292a;
   border-color: #27292a;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -771,13 +744,13 @@ a.ui.ui.ui.secondary.label:hover {
 /* Basic */
 .ui.basic.labels .secondary.label,
 .ui.ui.ui.basic.secondary.label {
-  background: none #FFFFFF;
-  border-color: #1B1C1D;
-  color: #1B1C1D;
+  background: none #fff;
+  border-color: #1b1c1d;
+  color: #1b1c1d;
 }
 .ui.basic.labels a.secondary.label:hover,
 a.ui.ui.ui.basic.secondary.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #27292a;
   color: #27292a;
 }
@@ -787,7 +760,7 @@ a.ui.ui.ui.basic.secondary.label:hover {
 .ui.ui.ui.inverted.secondary.label {
   background-color: #545454;
   border-color: #545454;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -795,7 +768,7 @@ a.ui.ui.ui.basic.secondary.label:hover {
 a.ui.ui.ui.inverted.secondary.label:hover {
   background-color: #6e6e6e;
   border-color: #6e6e6e;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -806,14 +779,14 @@ a.ui.ui.ui.inverted.secondary.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .secondary.label,
 .ui.ui.ui.inverted.basic.secondary.label {
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   border-color: #545454;
   color: #545454;
 }
 .ui.inverted.basic.labels a.secondary.label:hover,
 a.ui.ui.ui.inverted.basic.secondary.label:hover {
   border-color: #6e6e6e;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #6e6e6e;
 }
 
@@ -827,14 +800,14 @@ a.ui.ui.ui.inverted.basic.secondary.label:hover {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.red.labels .label,
 .ui.ui.ui.red.label {
-  background-color: #DB2828;
-  border-color: #DB2828;
-  color: #FFFFFF;
+  background-color: #db2828;
+  border-color: #db2828;
+  color: #fff;
 }
 
 /* Link */
@@ -842,7 +815,7 @@ a.ui.ui.ui.inverted.basic.secondary.label:hover {
 a.ui.ui.ui.red.label:hover {
   background-color: #d01919;
   border-color: #d01919;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -853,13 +826,13 @@ a.ui.ui.ui.red.label:hover {
 /* Basic */
 .ui.basic.labels .red.label,
 .ui.ui.ui.basic.red.label {
-  background: none #FFFFFF;
-  border-color: #DB2828;
-  color: #DB2828;
+  background: none #fff;
+  border-color: #db2828;
+  color: #db2828;
 }
 .ui.basic.labels a.red.label:hover,
 a.ui.ui.ui.basic.red.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #d01919;
   color: #d01919;
 }
@@ -867,9 +840,9 @@ a.ui.ui.ui.basic.red.label:hover {
 /* Inverted */
 .ui.inverted.labels .red.label,
 .ui.ui.ui.inverted.red.label {
-  background-color: #FF695E;
-  border-color: #FF695E;
-  color: #1B1C1D;
+  background-color: #ff695e;
+  border-color: #ff695e;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -877,7 +850,7 @@ a.ui.ui.ui.basic.red.label:hover {
 a.ui.ui.ui.inverted.red.label:hover {
   background-color: #ff392b;
   border-color: #ff392b;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -888,35 +861,35 @@ a.ui.ui.ui.inverted.red.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .red.label,
 .ui.ui.ui.inverted.basic.red.label {
-  background-color: #1B1C1D;
-  border-color: #FF695E;
-  color: #FF695E;
+  background-color: #1b1c1d;
+  border-color: #ff695e;
+  color: #ff695e;
 }
 .ui.inverted.basic.labels a.red.label:hover,
 a.ui.ui.ui.inverted.basic.red.label:hover {
   border-color: #ff392b;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #ff392b;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .red.label,
 .ui.ui.ui.inverted.red.basic.tag.label {
-  border: 1px solid #FF695E;
+  border: 1px solid #ff695e;
 }
 .ui.inverted.basic.tag.labels .red.label::before,
 .ui.ui.ui.inverted.red.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.orange.labels .label,
 .ui.ui.ui.orange.label {
-  background-color: #F2711C;
-  border-color: #F2711C;
-  color: #FFFFFF;
+  background-color: #f2711c;
+  border-color: #f2711c;
+  color: #fff;
 }
 
 /* Link */
@@ -924,7 +897,7 @@ a.ui.ui.ui.inverted.basic.red.label:hover {
 a.ui.ui.ui.orange.label:hover {
   background-color: #f26202;
   border-color: #f26202;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -935,13 +908,13 @@ a.ui.ui.ui.orange.label:hover {
 /* Basic */
 .ui.basic.labels .orange.label,
 .ui.ui.ui.basic.orange.label {
-  background: none #FFFFFF;
-  border-color: #F2711C;
-  color: #F2711C;
+  background: none #fff;
+  border-color: #f2711c;
+  color: #f2711c;
 }
 .ui.basic.labels a.orange.label:hover,
 a.ui.ui.ui.basic.orange.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #f26202;
   color: #f26202;
 }
@@ -949,9 +922,9 @@ a.ui.ui.ui.basic.orange.label:hover {
 /* Inverted */
 .ui.inverted.labels .orange.label,
 .ui.ui.ui.inverted.orange.label {
-  background-color: #FF851B;
-  border-color: #FF851B;
-  color: #1B1C1D;
+  background-color: #ff851b;
+  border-color: #ff851b;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -959,7 +932,7 @@ a.ui.ui.ui.basic.orange.label:hover {
 a.ui.ui.ui.inverted.orange.label:hover {
   background-color: #e76b00;
   border-color: #e76b00;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -970,35 +943,35 @@ a.ui.ui.ui.inverted.orange.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .orange.label,
 .ui.ui.ui.inverted.basic.orange.label {
-  background-color: #1B1C1D;
-  border-color: #FF851B;
-  color: #FF851B;
+  background-color: #1b1c1d;
+  border-color: #ff851b;
+  color: #ff851b;
 }
 .ui.inverted.basic.labels a.orange.label:hover,
 a.ui.ui.ui.inverted.basic.orange.label:hover {
   border-color: #e76b00;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #e76b00;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .orange.label,
 .ui.ui.ui.inverted.orange.basic.tag.label {
-  border: 1px solid #FF851B;
+  border: 1px solid #ff851b;
 }
 .ui.inverted.basic.tag.labels .orange.label::before,
 .ui.ui.ui.inverted.orange.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.yellow.labels .label,
 .ui.ui.ui.yellow.label {
-  background-color: #FBBD08;
-  border-color: #FBBD08;
-  color: #FFFFFF;
+  background-color: #fbbd08;
+  border-color: #fbbd08;
+  color: #fff;
 }
 
 /* Link */
@@ -1006,7 +979,7 @@ a.ui.ui.ui.inverted.basic.orange.label:hover {
 a.ui.ui.ui.yellow.label:hover {
   background-color: #eaae00;
   border-color: #eaae00;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1017,13 +990,13 @@ a.ui.ui.ui.yellow.label:hover {
 /* Basic */
 .ui.basic.labels .yellow.label,
 .ui.ui.ui.basic.yellow.label {
-  background: none #FFFFFF;
-  border-color: #FBBD08;
-  color: #FBBD08;
+  background: none #fff;
+  border-color: #fbbd08;
+  color: #fbbd08;
 }
 .ui.basic.labels a.yellow.label:hover,
 a.ui.ui.ui.basic.yellow.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #eaae00;
   color: #eaae00;
 }
@@ -1031,9 +1004,9 @@ a.ui.ui.ui.basic.yellow.label:hover {
 /* Inverted */
 .ui.inverted.labels .yellow.label,
 .ui.ui.ui.inverted.yellow.label {
-  background-color: #FFE21F;
-  border-color: #FFE21F;
-  color: #1B1C1D;
+  background-color: #ffe21f;
+  border-color: #ffe21f;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1041,7 +1014,7 @@ a.ui.ui.ui.basic.yellow.label:hover {
 a.ui.ui.ui.inverted.yellow.label:hover {
   background-color: #ebcd00;
   border-color: #ebcd00;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -1052,35 +1025,35 @@ a.ui.ui.ui.inverted.yellow.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .yellow.label,
 .ui.ui.ui.inverted.basic.yellow.label {
-  background-color: #1B1C1D;
-  border-color: #FFE21F;
-  color: #FFE21F;
+  background-color: #1b1c1d;
+  border-color: #ffe21f;
+  color: #ffe21f;
 }
 .ui.inverted.basic.labels a.yellow.label:hover,
 a.ui.ui.ui.inverted.basic.yellow.label:hover {
   border-color: #ebcd00;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #ebcd00;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .yellow.label,
 .ui.ui.ui.inverted.yellow.basic.tag.label {
-  border: 1px solid #FFE21F;
+  border: 1px solid #ffe21f;
 }
 .ui.inverted.basic.tag.labels .yellow.label::before,
 .ui.ui.ui.inverted.yellow.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.olive.labels .label,
 .ui.ui.ui.olive.label {
-  background-color: #B5CC18;
-  border-color: #B5CC18;
-  color: #FFFFFF;
+  background-color: #b5cc18;
+  border-color: #b5cc18;
+  color: #fff;
 }
 
 /* Link */
@@ -1088,7 +1061,7 @@ a.ui.ui.ui.inverted.basic.yellow.label:hover {
 a.ui.ui.ui.olive.label:hover {
   background-color: #a7bd0d;
   border-color: #a7bd0d;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1099,13 +1072,13 @@ a.ui.ui.ui.olive.label:hover {
 /* Basic */
 .ui.basic.labels .olive.label,
 .ui.ui.ui.basic.olive.label {
-  background: none #FFFFFF;
-  border-color: #B5CC18;
-  color: #B5CC18;
+  background: none #fff;
+  border-color: #b5cc18;
+  color: #b5cc18;
 }
 .ui.basic.labels a.olive.label:hover,
 a.ui.ui.ui.basic.olive.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #a7bd0d;
   color: #a7bd0d;
 }
@@ -1113,9 +1086,9 @@ a.ui.ui.ui.basic.olive.label:hover {
 /* Inverted */
 .ui.inverted.labels .olive.label,
 .ui.ui.ui.inverted.olive.label {
-  background-color: #D9E778;
-  border-color: #D9E778;
-  color: #1B1C1D;
+  background-color: #d9e778;
+  border-color: #d9e778;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1123,7 +1096,7 @@ a.ui.ui.ui.basic.olive.label:hover {
 a.ui.ui.ui.inverted.olive.label:hover {
   background-color: #d2e745;
   border-color: #d2e745;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -1134,35 +1107,35 @@ a.ui.ui.ui.inverted.olive.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .olive.label,
 .ui.ui.ui.inverted.basic.olive.label {
-  background-color: #1B1C1D;
-  border-color: #D9E778;
-  color: #D9E778;
+  background-color: #1b1c1d;
+  border-color: #d9e778;
+  color: #d9e778;
 }
 .ui.inverted.basic.labels a.olive.label:hover,
 a.ui.ui.ui.inverted.basic.olive.label:hover {
   border-color: #d2e745;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #d2e745;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .olive.label,
 .ui.ui.ui.inverted.olive.basic.tag.label {
-  border: 1px solid #D9E778;
+  border: 1px solid #d9e778;
 }
 .ui.inverted.basic.tag.labels .olive.label::before,
 .ui.ui.ui.inverted.olive.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.green.labels .label,
 .ui.ui.ui.green.label {
-  background-color: #21BA45;
-  border-color: #21BA45;
-  color: #FFFFFF;
+  background-color: #21ba45;
+  border-color: #21ba45;
+  color: #fff;
 }
 
 /* Link */
@@ -1170,7 +1143,7 @@ a.ui.ui.ui.inverted.basic.olive.label:hover {
 a.ui.ui.ui.green.label:hover {
   background-color: #16ab39;
   border-color: #16ab39;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1181,13 +1154,13 @@ a.ui.ui.ui.green.label:hover {
 /* Basic */
 .ui.basic.labels .green.label,
 .ui.ui.ui.basic.green.label {
-  background: none #FFFFFF;
-  border-color: #21BA45;
-  color: #21BA45;
+  background: none #fff;
+  border-color: #21ba45;
+  color: #21ba45;
 }
 .ui.basic.labels a.green.label:hover,
 a.ui.ui.ui.basic.green.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #16ab39;
   color: #16ab39;
 }
@@ -1195,9 +1168,9 @@ a.ui.ui.ui.basic.green.label:hover {
 /* Inverted */
 .ui.inverted.labels .green.label,
 .ui.ui.ui.inverted.green.label {
-  background-color: #2ECC40;
-  border-color: #2ECC40;
-  color: #1B1C1D;
+  background-color: #2ecc40;
+  border-color: #2ecc40;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1205,7 +1178,7 @@ a.ui.ui.ui.basic.green.label:hover {
 a.ui.ui.ui.inverted.green.label:hover {
   background-color: #1ea92e;
   border-color: #1ea92e;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -1216,35 +1189,35 @@ a.ui.ui.ui.inverted.green.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .green.label,
 .ui.ui.ui.inverted.basic.green.label {
-  background-color: #1B1C1D;
-  border-color: #2ECC40;
-  color: #2ECC40;
+  background-color: #1b1c1d;
+  border-color: #2ecc40;
+  color: #2ecc40;
 }
 .ui.inverted.basic.labels a.green.label:hover,
 a.ui.ui.ui.inverted.basic.green.label:hover {
   border-color: #1ea92e;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #1ea92e;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .green.label,
 .ui.ui.ui.inverted.green.basic.tag.label {
-  border: 1px solid #2ECC40;
+  border: 1px solid #2ecc40;
 }
 .ui.inverted.basic.tag.labels .green.label::before,
 .ui.ui.ui.inverted.green.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.teal.labels .label,
 .ui.ui.ui.teal.label {
-  background-color: #00B5AD;
-  border-color: #00B5AD;
-  color: #FFFFFF;
+  background-color: #00b5ad;
+  border-color: #00b5ad;
+  color: #fff;
 }
 
 /* Link */
@@ -1252,7 +1225,7 @@ a.ui.ui.ui.inverted.basic.green.label:hover {
 a.ui.ui.ui.teal.label:hover {
   background-color: #009c95;
   border-color: #009c95;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1263,13 +1236,13 @@ a.ui.ui.ui.teal.label:hover {
 /* Basic */
 .ui.basic.labels .teal.label,
 .ui.ui.ui.basic.teal.label {
-  background: none #FFFFFF;
-  border-color: #00B5AD;
-  color: #00B5AD;
+  background: none #fff;
+  border-color: #00b5ad;
+  color: #00b5ad;
 }
 .ui.basic.labels a.teal.label:hover,
 a.ui.ui.ui.basic.teal.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #009c95;
   color: #009c95;
 }
@@ -1277,9 +1250,9 @@ a.ui.ui.ui.basic.teal.label:hover {
 /* Inverted */
 .ui.inverted.labels .teal.label,
 .ui.ui.ui.inverted.teal.label {
-  background-color: #6DFFFF;
-  border-color: #6DFFFF;
-  color: #1B1C1D;
+  background-color: #6dffff;
+  border-color: #6dffff;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1287,7 +1260,7 @@ a.ui.ui.ui.basic.teal.label:hover {
 a.ui.ui.ui.inverted.teal.label:hover {
   background-color: #3affff;
   border-color: #3affff;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -1298,35 +1271,35 @@ a.ui.ui.ui.inverted.teal.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .teal.label,
 .ui.ui.ui.inverted.basic.teal.label {
-  background-color: #1B1C1D;
-  border-color: #6DFFFF;
-  color: #6DFFFF;
+  background-color: #1b1c1d;
+  border-color: #6dffff;
+  color: #6dffff;
 }
 .ui.inverted.basic.labels a.teal.label:hover,
 a.ui.ui.ui.inverted.basic.teal.label:hover {
   border-color: #3affff;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #3affff;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .teal.label,
 .ui.ui.ui.inverted.teal.basic.tag.label {
-  border: 1px solid #6DFFFF;
+  border: 1px solid #6dffff;
 }
 .ui.inverted.basic.tag.labels .teal.label::before,
 .ui.ui.ui.inverted.teal.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.blue.labels .label,
 .ui.ui.ui.blue.label {
-  background-color: #2185D0;
-  border-color: #2185D0;
-  color: #FFFFFF;
+  background-color: #2185d0;
+  border-color: #2185d0;
+  color: #fff;
 }
 
 /* Link */
@@ -1334,7 +1307,7 @@ a.ui.ui.ui.inverted.basic.teal.label:hover {
 a.ui.ui.ui.blue.label:hover {
   background-color: #1678c2;
   border-color: #1678c2;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1345,13 +1318,13 @@ a.ui.ui.ui.blue.label:hover {
 /* Basic */
 .ui.basic.labels .blue.label,
 .ui.ui.ui.basic.blue.label {
-  background: none #FFFFFF;
-  border-color: #2185D0;
-  color: #2185D0;
+  background: none #fff;
+  border-color: #2185d0;
+  color: #2185d0;
 }
 .ui.basic.labels a.blue.label:hover,
 a.ui.ui.ui.basic.blue.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #1678c2;
   color: #1678c2;
 }
@@ -1359,9 +1332,9 @@ a.ui.ui.ui.basic.blue.label:hover {
 /* Inverted */
 .ui.inverted.labels .blue.label,
 .ui.ui.ui.inverted.blue.label {
-  background-color: #54C8FF;
-  border-color: #54C8FF;
-  color: #1B1C1D;
+  background-color: #54c8ff;
+  border-color: #54c8ff;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1369,7 +1342,7 @@ a.ui.ui.ui.basic.blue.label:hover {
 a.ui.ui.ui.inverted.blue.label:hover {
   background-color: #21b8ff;
   border-color: #21b8ff;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -1380,35 +1353,35 @@ a.ui.ui.ui.inverted.blue.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .blue.label,
 .ui.ui.ui.inverted.basic.blue.label {
-  background-color: #1B1C1D;
-  border-color: #54C8FF;
-  color: #54C8FF;
+  background-color: #1b1c1d;
+  border-color: #54c8ff;
+  color: #54c8ff;
 }
 .ui.inverted.basic.labels a.blue.label:hover,
 a.ui.ui.ui.inverted.basic.blue.label:hover {
   border-color: #21b8ff;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #21b8ff;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .blue.label,
 .ui.ui.ui.inverted.blue.basic.tag.label {
-  border: 1px solid #54C8FF;
+  border: 1px solid #54c8ff;
 }
 .ui.inverted.basic.tag.labels .blue.label::before,
 .ui.ui.ui.inverted.blue.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.violet.labels .label,
 .ui.ui.ui.violet.label {
-  background-color: #6435C9;
-  border-color: #6435C9;
-  color: #FFFFFF;
+  background-color: #6435c9;
+  border-color: #6435c9;
+  color: #fff;
 }
 
 /* Link */
@@ -1416,7 +1389,7 @@ a.ui.ui.ui.inverted.basic.blue.label:hover {
 a.ui.ui.ui.violet.label:hover {
   background-color: #5829bb;
   border-color: #5829bb;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1427,13 +1400,13 @@ a.ui.ui.ui.violet.label:hover {
 /* Basic */
 .ui.basic.labels .violet.label,
 .ui.ui.ui.basic.violet.label {
-  background: none #FFFFFF;
-  border-color: #6435C9;
-  color: #6435C9;
+  background: none #fff;
+  border-color: #6435c9;
+  color: #6435c9;
 }
 .ui.basic.labels a.violet.label:hover,
 a.ui.ui.ui.basic.violet.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #5829bb;
   color: #5829bb;
 }
@@ -1441,9 +1414,9 @@ a.ui.ui.ui.basic.violet.label:hover {
 /* Inverted */
 .ui.inverted.labels .violet.label,
 .ui.ui.ui.inverted.violet.label {
-  background-color: #A291FB;
-  border-color: #A291FB;
-  color: #1B1C1D;
+  background-color: #a291fb;
+  border-color: #a291fb;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1451,7 +1424,7 @@ a.ui.ui.ui.basic.violet.label:hover {
 a.ui.ui.ui.inverted.violet.label:hover {
   background-color: #745aff;
   border-color: #745aff;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -1462,35 +1435,35 @@ a.ui.ui.ui.inverted.violet.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .violet.label,
 .ui.ui.ui.inverted.basic.violet.label {
-  background-color: #1B1C1D;
-  border-color: #A291FB;
-  color: #A291FB;
+  background-color: #1b1c1d;
+  border-color: #a291fb;
+  color: #a291fb;
 }
 .ui.inverted.basic.labels a.violet.label:hover,
 a.ui.ui.ui.inverted.basic.violet.label:hover {
   border-color: #745aff;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #745aff;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .violet.label,
 .ui.ui.ui.inverted.violet.basic.tag.label {
-  border: 1px solid #A291FB;
+  border: 1px solid #a291fb;
 }
 .ui.inverted.basic.tag.labels .violet.label::before,
 .ui.ui.ui.inverted.violet.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.purple.labels .label,
 .ui.ui.ui.purple.label {
-  background-color: #A333C8;
-  border-color: #A333C8;
-  color: #FFFFFF;
+  background-color: #a333c8;
+  border-color: #a333c8;
+  color: #fff;
 }
 
 /* Link */
@@ -1498,7 +1471,7 @@ a.ui.ui.ui.inverted.basic.violet.label:hover {
 a.ui.ui.ui.purple.label:hover {
   background-color: #9627ba;
   border-color: #9627ba;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1509,13 +1482,13 @@ a.ui.ui.ui.purple.label:hover {
 /* Basic */
 .ui.basic.labels .purple.label,
 .ui.ui.ui.basic.purple.label {
-  background: none #FFFFFF;
-  border-color: #A333C8;
-  color: #A333C8;
+  background: none #fff;
+  border-color: #a333c8;
+  color: #a333c8;
 }
 .ui.basic.labels a.purple.label:hover,
 a.ui.ui.ui.basic.purple.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #9627ba;
   color: #9627ba;
 }
@@ -1523,9 +1496,9 @@ a.ui.ui.ui.basic.purple.label:hover {
 /* Inverted */
 .ui.inverted.labels .purple.label,
 .ui.ui.ui.inverted.purple.label {
-  background-color: #DC73FF;
-  border-color: #DC73FF;
-  color: #1B1C1D;
+  background-color: #dc73ff;
+  border-color: #dc73ff;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1533,7 +1506,7 @@ a.ui.ui.ui.basic.purple.label:hover {
 a.ui.ui.ui.inverted.purple.label:hover {
   background-color: #cf40ff;
   border-color: #cf40ff;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -1544,35 +1517,35 @@ a.ui.ui.ui.inverted.purple.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .purple.label,
 .ui.ui.ui.inverted.basic.purple.label {
-  background-color: #1B1C1D;
-  border-color: #DC73FF;
-  color: #DC73FF;
+  background-color: #1b1c1d;
+  border-color: #dc73ff;
+  color: #dc73ff;
 }
 .ui.inverted.basic.labels a.purple.label:hover,
 a.ui.ui.ui.inverted.basic.purple.label:hover {
   border-color: #cf40ff;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #cf40ff;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .purple.label,
 .ui.ui.ui.inverted.purple.basic.tag.label {
-  border: 1px solid #DC73FF;
+  border: 1px solid #dc73ff;
 }
 .ui.inverted.basic.tag.labels .purple.label::before,
 .ui.ui.ui.inverted.purple.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.pink.labels .label,
 .ui.ui.ui.pink.label {
-  background-color: #E03997;
-  border-color: #E03997;
-  color: #FFFFFF;
+  background-color: #e03997;
+  border-color: #e03997;
+  color: #fff;
 }
 
 /* Link */
@@ -1580,7 +1553,7 @@ a.ui.ui.ui.inverted.basic.purple.label:hover {
 a.ui.ui.ui.pink.label:hover {
   background-color: #e61a8d;
   border-color: #e61a8d;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1591,13 +1564,13 @@ a.ui.ui.ui.pink.label:hover {
 /* Basic */
 .ui.basic.labels .pink.label,
 .ui.ui.ui.basic.pink.label {
-  background: none #FFFFFF;
-  border-color: #E03997;
-  color: #E03997;
+  background: none #fff;
+  border-color: #e03997;
+  color: #e03997;
 }
 .ui.basic.labels a.pink.label:hover,
 a.ui.ui.ui.basic.pink.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #e61a8d;
   color: #e61a8d;
 }
@@ -1605,9 +1578,9 @@ a.ui.ui.ui.basic.pink.label:hover {
 /* Inverted */
 .ui.inverted.labels .pink.label,
 .ui.ui.ui.inverted.pink.label {
-  background-color: #FF8EDF;
-  border-color: #FF8EDF;
-  color: #1B1C1D;
+  background-color: #ff8edf;
+  border-color: #ff8edf;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1615,7 +1588,7 @@ a.ui.ui.ui.basic.pink.label:hover {
 a.ui.ui.ui.inverted.pink.label:hover {
   background-color: #ff5bd1;
   border-color: #ff5bd1;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -1626,35 +1599,35 @@ a.ui.ui.ui.inverted.pink.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .pink.label,
 .ui.ui.ui.inverted.basic.pink.label {
-  background-color: #1B1C1D;
-  border-color: #FF8EDF;
-  color: #FF8EDF;
+  background-color: #1b1c1d;
+  border-color: #ff8edf;
+  color: #ff8edf;
 }
 .ui.inverted.basic.labels a.pink.label:hover,
 a.ui.ui.ui.inverted.basic.pink.label:hover {
   border-color: #ff5bd1;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #ff5bd1;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .pink.label,
 .ui.ui.ui.inverted.pink.basic.tag.label {
-  border: 1px solid #FF8EDF;
+  border: 1px solid #ff8edf;
 }
 .ui.inverted.basic.tag.labels .pink.label::before,
 .ui.ui.ui.inverted.pink.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.brown.labels .label,
 .ui.ui.ui.brown.label {
-  background-color: #A5673F;
-  border-color: #A5673F;
-  color: #FFFFFF;
+  background-color: #a5673f;
+  border-color: #a5673f;
+  color: #fff;
 }
 
 /* Link */
@@ -1662,7 +1635,7 @@ a.ui.ui.ui.inverted.basic.pink.label:hover {
 a.ui.ui.ui.brown.label:hover {
   background-color: #975b33;
   border-color: #975b33;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1673,13 +1646,13 @@ a.ui.ui.ui.brown.label:hover {
 /* Basic */
 .ui.basic.labels .brown.label,
 .ui.ui.ui.basic.brown.label {
-  background: none #FFFFFF;
-  border-color: #A5673F;
-  color: #A5673F;
+  background: none #fff;
+  border-color: #a5673f;
+  color: #a5673f;
 }
 .ui.basic.labels a.brown.label:hover,
 a.ui.ui.ui.basic.brown.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #975b33;
   color: #975b33;
 }
@@ -1687,9 +1660,9 @@ a.ui.ui.ui.basic.brown.label:hover {
 /* Inverted */
 .ui.inverted.labels .brown.label,
 .ui.ui.ui.inverted.brown.label {
-  background-color: #D67C1C;
-  border-color: #D67C1C;
-  color: #1B1C1D;
+  background-color: #d67c1c;
+  border-color: #d67c1c;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1697,7 +1670,7 @@ a.ui.ui.ui.basic.brown.label:hover {
 a.ui.ui.ui.inverted.brown.label:hover {
   background-color: #b0620f;
   border-color: #b0620f;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Ribbon */
@@ -1708,35 +1681,35 @@ a.ui.ui.ui.inverted.brown.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .brown.label,
 .ui.ui.ui.inverted.basic.brown.label {
-  background-color: #1B1C1D;
-  border-color: #D67C1C;
-  color: #D67C1C;
+  background-color: #1b1c1d;
+  border-color: #d67c1c;
+  color: #d67c1c;
 }
 .ui.inverted.basic.labels a.brown.label:hover,
 a.ui.ui.ui.inverted.basic.brown.label:hover {
   border-color: #b0620f;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: #b0620f;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .brown.label,
 .ui.ui.ui.inverted.brown.basic.tag.label {
-  border: 1px solid #D67C1C;
+  border: 1px solid #d67c1c;
 }
 .ui.inverted.basic.tag.labels .brown.label::before,
 .ui.ui.ui.inverted.brown.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.grey.labels .label,
 .ui.ui.ui.grey.label {
   background-color: #767676;
   border-color: #767676;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Link */
@@ -1744,7 +1717,7 @@ a.ui.ui.ui.inverted.basic.brown.label:hover {
 a.ui.ui.ui.grey.label:hover {
   background-color: #838383;
   border-color: #838383;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1755,13 +1728,13 @@ a.ui.ui.ui.grey.label:hover {
 /* Basic */
 .ui.basic.labels .grey.label,
 .ui.ui.ui.basic.grey.label {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #767676;
   color: #767676;
 }
 .ui.basic.labels a.grey.label:hover,
 a.ui.ui.ui.basic.grey.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #838383;
   color: #838383;
 }
@@ -1769,9 +1742,9 @@ a.ui.ui.ui.basic.grey.label:hover {
 /* Inverted */
 .ui.inverted.labels .grey.label,
 .ui.ui.ui.inverted.grey.label {
-  background-color: #DCDDDE;
-  border-color: #DCDDDE;
-  color: #1B1C1D;
+  background-color: #dcddde;
+  border-color: #dcddde;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1779,7 +1752,7 @@ a.ui.ui.ui.basic.grey.label:hover {
 a.ui.ui.ui.inverted.grey.label:hover {
   background-color: #c2c4c5;
   border-color: #c2c4c5;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Inverted Ribbon */
@@ -1790,34 +1763,34 @@ a.ui.ui.ui.inverted.grey.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .grey.label,
 .ui.ui.ui.inverted.basic.grey.label {
-  background-color: #1B1C1D;
-  border-color: #DCDDDE;
+  background-color: #1b1c1d;
+  border-color: #dcddde;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.basic.labels a.grey.label:hover,
 a.ui.ui.ui.inverted.basic.grey.label:hover {
   border-color: #c2c4c5;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
 }
 
 /* Inverted Basic Tags */
 .ui.inverted.basic.tag.labels .grey.label,
 .ui.ui.ui.inverted.grey.basic.tag.label {
-  border: 1px solid #DCDDDE;
+  border: 1px solid #dcddde;
 }
 .ui.inverted.basic.tag.labels .grey.label::before,
 .ui.ui.ui.inverted.grey.basic.tag.label::before {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 .ui.black.labels .label,
 .ui.ui.ui.black.label {
-  background-color: #1B1C1D;
-  border-color: #1B1C1D;
-  color: #FFFFFF;
+  background-color: #1b1c1d;
+  border-color: #1b1c1d;
+  color: #fff;
 }
 
 /* Link */
@@ -1825,7 +1798,7 @@ a.ui.ui.ui.inverted.basic.grey.label:hover {
 a.ui.ui.ui.black.label:hover {
   background-color: #27292a;
   border-color: #27292a;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Ribbon */
@@ -1836,13 +1809,13 @@ a.ui.ui.ui.black.label:hover {
 /* Basic */
 .ui.basic.labels .black.label,
 .ui.ui.ui.basic.black.label {
-  background: none #FFFFFF;
-  border-color: #1B1C1D;
-  color: #1B1C1D;
+  background: none #fff;
+  border-color: #1b1c1d;
+  color: #1b1c1d;
 }
 .ui.basic.labels a.black.label:hover,
 a.ui.ui.ui.basic.black.label:hover {
-  background: none #FFFFFF;
+  background: none #fff;
   border-color: #27292a;
   color: #27292a;
 }
@@ -1852,7 +1825,7 @@ a.ui.ui.ui.basic.black.label:hover {
 .ui.ui.ui.inverted.black.label {
   background-color: #545454;
   border-color: #545454;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Inverted Link */
@@ -1860,7 +1833,7 @@ a.ui.ui.ui.basic.black.label:hover {
 a.ui.ui.ui.inverted.black.label:hover {
   background-color: #000000;
   border-color: #000000;
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* Inverted Ribbon */
@@ -1871,14 +1844,14 @@ a.ui.ui.ui.inverted.black.label:hover {
 /* Inverted Basic */
 .ui.inverted.basic.labels .black.label,
 .ui.ui.ui.inverted.basic.black.label {
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   border-color: #545454;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.basic.labels a.black.label:hover,
 a.ui.ui.ui.inverted.basic.black.label:hover {
   border-color: #000000;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
 }
 
 /* Inverted Basic Tags */
@@ -1891,14 +1864,13 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
   border-color: inherit;
   border-width: 1px 0 0 1px;
   border-style: inherit;
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   right: calc(100% + 1px);
 }
 
-/*-------------------
+/* -------------------
      Horizontal
---------------------*/
-
+-------------------- */
 .ui.horizontal.labels .label,
 .ui.horizontal.label {
   margin: 0 0.5em 0 0;
@@ -1907,10 +1879,9 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
   text-align: center;
 }
 
-/*-------------------
-         Circular
-  --------------------*/
-
+/* -------------------
+           Circular
+    -------------------- */
 .ui.circular.labels .label,
 .ui.circular.label {
   min-width: 2em;
@@ -1930,10 +1901,9 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
   vertical-align: baseline;
 }
 
-/*-------------------
-         Pointing
-  --------------------*/
-
+/* -------------------
+           Pointing
+    -------------------- */
 .ui.pointing.label {
   position: relative;
 }
@@ -1951,19 +1921,16 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 /* Arrow */
 .ui.pointing.label::before {
   position: absolute;
-  content: '';
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
+  content: "";
+  transform: rotate(45deg);
   background-image: none;
   z-index: 2;
   width: 0.6666em;
   height: 0.6666em;
-  -webkit-transition: none;
   transition: none;
 }
 
-/*--- Above ---*/
-
+/* --- Above --- */
 .ui.pointing.label,
 .ui[class*="pointing above"].label {
   margin-top: 1em;
@@ -1971,14 +1938,12 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 .ui.pointing.label::before,
 .ui[class*="pointing above"].label::before {
   border-width: 1px 0 0 1px;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-          transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
   top: 0;
   left: 50%;
 }
 
-/*--- Below ---*/
-
+/* --- Below --- */
 .ui[class*="bottom pointing"].label,
 .ui[class*="pointing below"].label {
   margin-top: 0;
@@ -1987,40 +1952,34 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 .ui[class*="bottom pointing"].label::before,
 .ui[class*="pointing below"].label::before {
   border-width: 0 1px 1px 0;
-  top: auto;
   right: auto;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-          transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
   top: 100%;
   left: 50%;
 }
 
-/*--- Left ---*/
-
+/* --- Left --- */
 .ui[class*="left pointing"].label {
   margin-top: 0;
   margin-left: 0.6666em;
 }
 .ui[class*="left pointing"].label::before {
   border-width: 0 0 1px 1px;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-          transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
   bottom: auto;
   right: auto;
   top: 50%;
   left: 0;
 }
 
-/*--- Right ---*/
-
+/* --- Right --- */
 .ui[class*="right pointing"].label {
   margin-top: 0;
   margin-right: 0.6666em;
 }
 .ui[class*="right pointing"].label::before {
   border-width: 1px 1px 0 0;
-  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
-          transform: translateX(50%) translateY(-50%) rotate(45deg);
+  transform: translateX(50%) translateY(-50%) rotate(45deg);
   top: 50%;
   right: 0;
   bottom: auto;
@@ -2029,15 +1988,13 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
 
 /* Basic Pointing */
 
-/*--- Above ---*/
-
+/* --- Above --- */
 .ui.basic.pointing.label::before,
 .ui.basic[class*="pointing above"].label::before {
   margin-top: -1px;
 }
 
-/*--- Below ---*/
-
+/* --- Below --- */
 .ui.basic[class*="bottom pointing"].label::before,
 .ui.basic[class*="pointing below"].label::before {
   bottom: auto;
@@ -2045,56 +2002,48 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
   margin-top: 1px;
 }
 
-/*--- Left ---*/
-
+/* --- Left --- */
 .ui.basic[class*="left pointing"].label::before {
   top: 50%;
   left: -1px;
 }
 
-/*--- Right ---*/
-
+/* --- Right --- */
 .ui.basic[class*="right pointing"].label::before {
   top: 50%;
   right: -1px;
 }
 
-/*------------------
-     Floating Label
-  -------------------*/
-
+/* ------------------
+       Floating Label
+    ------------------- */
 .ui.floating.label {
   position: absolute;
   z-index: 100;
   top: -1em;
   right: 0;
   white-space: nowrap;
-  -webkit-transform: translateX(50%);
-          transform: translateX(50%);
+  transform: translateX(50%);
 }
 .ui.right.aligned.floating.label {
-  -webkit-transform: translateX(1.2em);
-          transform: translateX(1.2em);
+  transform: translateX(1.2em);
 }
 .ui.left.floating.label {
   left: 0;
   right: auto;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
+  transform: translateX(-50%);
 }
 .ui.left.aligned.floating.label {
-  -webkit-transform: translateX(-1.2em);
-          transform: translateX(-1.2em);
+  transform: translateX(-1.2em);
 }
 .ui.bottom.floating.label {
   top: auto;
   bottom: -1em;
 }
 
-/*-------------------
+/* -------------------
         Sizes
---------------------*/
-
+-------------------- */
 .ui.labels .label,
 .ui.label {
   font-size: 0.85714286rem;