semantic-ui-sass 2.1.8.0 → 2.2.0.0

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

@@ -1,9 +1,8 @@
 /*!
- * # Semantic UI 2.1.7 - Image
+ * # Semantic UI 2.2.0 - Image
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -40,6 +39,11 @@ img.ui.image {
 .ui.hidden.image {
   display: none;
 }
+.ui.hidden.transition.images,
+.ui.hidden.transition.image {
+  display: block;
+  visibility: hidden;
+}
 .ui.disabled.images,
 .ui.disabled.image {
   cursor: default;
@@ -214,7 +218,7 @@ img.ui.bordered.image {
 .ui.mini.image {
   width: 35px;
   height: auto;
-  font-size: 0.71428571rem;
+  font-size: 0.78571429rem;
 }
 .ui.tiny.images .image,
 .ui.tiny.images img,

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

@@ -1,9 +1,8 @@
 /*!
- * # Semantic UI 2.1.7 - Input
+ * # Semantic UI 2.2.0 - Input
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -42,12 +41,12 @@
   line-height: 1.2142em;
   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   padding: 0.67861429em 1em;
-  background: #ffffff;
+  background: #FFFFFF;
   border: 1px solid rgba(34, 36, 38, 0.15);
   color: rgba(0, 0, 0, 0.87);
   border-radius: 0.28571429rem;
   -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
-          transition: box-shadow 0.1s ease, border-color 0.1s ease;
+  transition: box-shadow 0.1s ease, border-color 0.1s ease;
   box-shadow: none;
 }
 
@@ -58,13 +57,13 @@
 
 /* browsers require these rules separate */
 .ui.input input::-webkit-input-placeholder {
-  color: rgba(0, 0, 0, 0.4);
+  color: rgba(191, 191, 191, 0.87);
 }
 .ui.input input::-moz-placeholder {
-  color: rgba(0, 0, 0, 0.4);
+  color: rgba(191, 191, 191, 0.87);
 }
-.ui.input input::-ms-input-placeholder {
-  color: rgba(0, 0, 0, 0.4);
+.ui.input input:-ms-input-placeholder {
+  color: rgba(191, 191, 191, 0.87);
 }
 
 
@@ -81,7 +80,8 @@
 .ui.input input[disabled] {
   opacity: 0.45;
 }
-.ui.disabled.input input {
+.ui.disabled.input input,
+.ui.input input[disabled] {
   pointer-events: none;
 }
 
@@ -92,7 +92,7 @@
 .ui.input input:active,
 .ui.input.down input {
   border-color: rgba(0, 0, 0, 0.3);
-  background: #fafafa;
+  background: #FAFAFA;
   color: rgba(0, 0, 0, 0.87);
   box-shadow: none;
 }
@@ -137,22 +137,22 @@
 
 .ui.input.focus input,
 .ui.input input:focus {
-  border-color: #85b7d9;
-  background: #ffffff;
+  border-color: #85B7D9;
+  background: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
   box-shadow: none;
 }
 .ui.input.focus input::-webkit-input-placeholder,
 .ui.input input:focus::-webkit-input-placeholder {
-  color: rgba(0, 0, 0, 0.87);
+  color: rgba(115, 115, 115, 0.87);
 }
 .ui.input.focus input::-moz-placeholder,
 .ui.input input:focus::-moz-placeholder {
-  color: rgba(0, 0, 0, 0.87);
+  color: rgba(115, 115, 115, 0.87);
 }
-.ui.input.focus input::-ms-input-placeholder,
-.ui.input input:focus::-ms-input-placeholder {
-  color: rgba(0, 0, 0, 0.87);
+.ui.input.focus input:-ms-input-placeholder,
+.ui.input input:focus:-ms-input-placeholder {
+  color: rgba(115, 115, 115, 0.87);
 }
 
 /*--------------------
@@ -160,9 +160,9 @@
 ---------------------*/
 
 .ui.input.error input {
-  background-color: #fff6f6;
-  border-color: #e0b4b4;
-  color: #9f3a38;
+  background-color: #FFF6F6;
+  border-color: #E0B4B4;
+  color: #9F3A38;
   box-shadow: none;
 }
 
@@ -173,8 +173,8 @@
 .ui.input.error input::-moz-placeholder {
   color: #e7bdbc;
 }
-.ui.input.error input::-ms-input-placeholder {
-  color: #e7bdbc;
+.ui.input.error input:-ms-input-placeholder {
+  color: #e7bdbc !important;
 }
 
 /* Focused Error Placeholder */
@@ -184,8 +184,8 @@
 .ui.input.error input:focus::-moz-placeholder {
   color: #da9796;
 }
-.ui.input.error input:focus::-ms-input-placeholder {
-  color: #da9796;
+.ui.input.error input:focus:-ms-input-placeholder {
+  color: #da9796 !important;
 }
 
 
@@ -220,7 +220,7 @@
 
 /* Transparent Inverted */
 .ui.transparent.inverted.input {
-  color: #ffffff;
+  color: #FFFFFF;
 }
 .ui.transparent.inverted.input input {
   color: inherit;
@@ -231,7 +231,7 @@
 .ui.transparent.inverted.input input::-moz-placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
-.ui.transparent.inverted.input input::-ms-input-placeholder {
+.ui.transparent.inverted.input input:-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.5);
 }
 
@@ -252,7 +252,7 @@
   opacity: 0.5;
   border-radius: 0em 0.28571429rem 0.28571429rem 0em;
   -webkit-transition: opacity 0.3s ease;
-          transition: opacity 0.3s ease;
+  transition: opacity 0.3s ease;
 }
 .ui.icon.input > i.icon:not(.link) {
   pointer-events: none;
@@ -327,7 +327,7 @@
   border-left-color: transparent;
 }
 .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
-  border-left-color: #85b7d9;
+  border-left-color: #85B7D9;
 }
 
 /* Regular Label on Right */
@@ -341,7 +341,7 @@
   border-bottom-left-radius: 0px;
 }
 .ui[class*="right labeled"].input input:focus {
-  border-right-color: #85b7d9 !important;
+  border-right-color: #85B7D9 !important;
 }
 
 /* Corner Label */
@@ -416,9 +416,9 @@
   border-bottom-right-radius: 0px !important;
   border-right-color: transparent !important;
 }
-.ui.action.input:not([class*="left action"]) > .dropdown,
-.ui.action.input:not([class*="left action"]) > .button,
-.ui.action.input:not([class*="left action"]) > .buttons > .button {
+.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
+.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
+.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
   border-radius: 0px;
 }
 .ui.action.input:not([class*="left action"]) > .dropdown:last-child,
@@ -429,7 +429,7 @@
 
 /* Input Focus */
 .ui.action.input:not([class*="left action"]) input:focus {
-  border-right-color: #85b7d9 !important;
+  border-right-color: #85B7D9 !important;
 }
 
 /* Button on Left */
@@ -451,7 +451,7 @@
 
 /* Input Focus */
 .ui[class*="left action"].input > input:focus {
-  border-left-color: #85b7d9 !important;
+  border-left-color: #85B7D9 !important;
 }
 
 /*--------------------
@@ -483,7 +483,7 @@
 ---------------------*/
 
 .ui.mini.input {
-  font-size: 0.71428571em;
+  font-size: 0.78571429em;
 }
 .ui.small.input {
   font-size: 0.92857143em;

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

@@ -1,9 +1,8 @@
 /*!
- * # Semantic UI 2.1.7 - Label
+ * # Semantic UI 2.2.0 - Label
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -19,7 +18,7 @@
   line-height: 1;
   vertical-align: baseline;
   margin: 0em 0.14285714em;
-  background-color: #e8e8e8;
+  background-color: #E8E8E8;
   background-image: none;
   padding: 0.5833em 0.833em;
   color: rgba(0, 0, 0, 0.6);
@@ -28,7 +27,7 @@
   border: 0px solid transparent;
   border-radius: 0.28571429rem;
   -webkit-transition: background 0.1s ease;
-          transition: background 0.1s ease;
+  transition: background 0.1s ease;
 }
 .ui.label:first-child {
   margin-left: 0em;
@@ -48,7 +47,7 @@ a.ui.label {
   color: inherit;
   opacity: 0.5;
   -webkit-transition: 0.1s opacity ease;
-          transition: 0.1s opacity ease;
+  transition: 0.1s opacity ease;
 }
 .ui.label > a:hover {
   opacity: 1;
@@ -88,7 +87,7 @@ a.ui.label {
   font-size: 0.92857143em;
   opacity: 0.5;
   -webkit-transition: background 0.1s ease;
-          transition: background 0.1s ease;
+  transition: background 0.1s ease;
 }
 .ui.label > .delete.icon:hover {
   opacity: 1;
@@ -127,7 +126,8 @@ a.ui.label {
 }
 
 /* Padding on next content after a label */
-.ui.top.attached.label:first-child + :not(.attached) {
+.ui.top.attached.label:first-child + :not(.attached),
+.ui.top.attached.label + [class*="right floated"] + * {
   margin-top: 2rem !important;
 }
 .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
@@ -147,7 +147,7 @@ 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;
   box-shadow: none;
@@ -178,7 +178,7 @@ a.ui.label {
   padding-right: 1.5em;
   border-radius: 0em 0.28571429rem 0.28571429rem 0em;
   -webkit-transition: none;
-          transition: none;
+  transition: none;
 }
 .ui.tag.labels .label:before,
 .ui.tag.label:before {
@@ -194,7 +194,7 @@ a.ui.label {
   width: 1.56em;
   height: 1.56em;
   -webkit-transition: none;
-          transition: none;
+  transition: none;
 }
 .ui.tag.labels .label:after,
 .ui.tag.label:after {
@@ -203,7 +203,7 @@ a.ui.label {
   top: 50%;
   left: -0.25em;
   margin-top: -0.25em;
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   width: 0.5em;
   height: 0.5em;
   box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
@@ -221,12 +221,12 @@ a.ui.label {
   margin: 0em;
   padding: 0em;
   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;
+  transition: border-color 0.1s ease;
 }
 
 /* Icon Label */
@@ -248,7 +248,7 @@ a.ui.label {
   border-left: 0em solid transparent;
   border-right-color: inherit;
   -webkit-transition: border-color 0.1s ease;
-          transition: border-color 0.1s ease;
+  transition: border-color 0.1s ease;
 }
 .ui.corner.label .icon {
   cursor: default;
@@ -361,10 +361,10 @@ a.ui.label {
 
 /* Inside Table */
 .ui.table td > .ui.ribbon.label {
-  left: calc( -0.71428571em  -  1.2em );
+  left: calc( -0.78571429em  -  1.2em );
 }
 .ui.table td > .ui[class*="right ribbon"].label {
-  left: calc(100% +  0.71428571em  +  1.2em );
+  left: calc(100% +  0.78571429em  +  1.2em );
   padding-left: 0.833em;
 }
 
@@ -433,8 +433,8 @@ a.ui.label {
 
 a.ui.labels .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);
 }
@@ -448,13 +448,13 @@ a.ui.label:hover:before {
 --------------------*/
 
 .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);
 }
@@ -465,14 +465,14 @@ a.ui.label:hover:before {
 
 a.ui.labels .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:ActiveHover:before,
 a.ui.active.label:ActiveHover:before {
-  background-color: #c8c8c8;
+  background-color: #C8C8C8;
   background-image: none;
   color: rgba(0, 0, 0, 0.95);
 }
@@ -510,9 +510,9 @@ a.ui.active.label:ActiveHover:before {
 
 .ui.red.labels .label,
 .ui.red.label {
-  background-color: #db2828 !important;
-  border-color: #db2828 !important;
-  color: #ffffff !important;
+  background-color: #DB2828 !important;
+  border-color: #DB2828 !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -520,7 +520,7 @@ a.ui.active.label:ActiveHover:before {
 a.ui.red.label:hover {
   background-color: #d01919 !important;
   border-color: #d01919 !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -536,13 +536,13 @@ a.ui.red.label:hover {
 
 /* Basic */
 .ui.basic.red.label {
-  background-color: #ffffff !important;
-  color: #db2828 !important;
-  border-color: #db2828 !important;
+  background-color: #FFFFFF !important;
+  color: #DB2828 !important;
+  border-color: #DB2828 !important;
 }
 .ui.basic.red.labels a.label:hover,
 a.ui.basic.red.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #d01919 !important;
   border-color: #d01919 !important;
 }
@@ -551,9 +551,9 @@ a.ui.basic.red.label:hover {
 
 .ui.orange.labels .label,
 .ui.orange.label {
-  background-color: #f2711c !important;
-  border-color: #f2711c !important;
-  color: #ffffff !important;
+  background-color: #F2711C !important;
+  border-color: #F2711C !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -561,7 +561,7 @@ a.ui.basic.red.label:hover {
 a.ui.orange.label:hover {
   background-color: #f26202 !important;
   border-color: #f26202 !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -577,13 +577,13 @@ a.ui.orange.label:hover {
 
 /* Basic */
 .ui.basic.orange.label {
-  background-color: #ffffff !important;
-  color: #f2711c !important;
-  border-color: #f2711c !important;
+  background-color: #FFFFFF !important;
+  color: #F2711C !important;
+  border-color: #F2711C !important;
 }
 .ui.basic.orange.labels a.label:hover,
 a.ui.basic.orange.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #f26202 !important;
   border-color: #f26202 !important;
 }
@@ -592,9 +592,9 @@ a.ui.basic.orange.label:hover {
 
 .ui.yellow.labels .label,
 .ui.yellow.label {
-  background-color: #fbbd08 !important;
-  border-color: #fbbd08 !important;
-  color: #ffffff !important;
+  background-color: #FBBD08 !important;
+  border-color: #FBBD08 !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -602,7 +602,7 @@ a.ui.basic.orange.label:hover {
 a.ui.yellow.label:hover {
   background-color: #eaae00 !important;
   border-color: #eaae00 !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -618,13 +618,13 @@ a.ui.yellow.label:hover {
 
 /* Basic */
 .ui.basic.yellow.label {
-  background-color: #ffffff !important;
-  color: #fbbd08 !important;
-  border-color: #fbbd08 !important;
+  background-color: #FFFFFF !important;
+  color: #FBBD08 !important;
+  border-color: #FBBD08 !important;
 }
 .ui.basic.yellow.labels a.label:hover,
 a.ui.basic.yellow.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #eaae00 !important;
   border-color: #eaae00 !important;
 }
@@ -633,9 +633,9 @@ a.ui.basic.yellow.label:hover {
 
 .ui.olive.labels .label,
 .ui.olive.label {
-  background-color: #b5cc18 !important;
-  border-color: #b5cc18 !important;
-  color: #ffffff !important;
+  background-color: #B5CC18 !important;
+  border-color: #B5CC18 !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -643,7 +643,7 @@ a.ui.basic.yellow.label:hover {
 a.ui.olive.label:hover {
   background-color: #a7bd0d !important;
   border-color: #a7bd0d !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -659,13 +659,13 @@ a.ui.olive.label:hover {
 
 /* Basic */
 .ui.basic.olive.label {
-  background-color: #ffffff !important;
-  color: #b5cc18 !important;
-  border-color: #b5cc18 !important;
+  background-color: #FFFFFF !important;
+  color: #B5CC18 !important;
+  border-color: #B5CC18 !important;
 }
 .ui.basic.olive.labels a.label:hover,
 a.ui.basic.olive.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #a7bd0d !important;
   border-color: #a7bd0d !important;
 }
@@ -674,9 +674,9 @@ a.ui.basic.olive.label:hover {
 
 .ui.green.labels .label,
 .ui.green.label {
-  background-color: #21ba45 !important;
-  border-color: #21ba45 !important;
-  color: #ffffff !important;
+  background-color: #21BA45 !important;
+  border-color: #21BA45 !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -684,7 +684,7 @@ a.ui.basic.olive.label:hover {
 a.ui.green.label:hover {
   background-color: #16ab39 !important;
   border-color: #16ab39 !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -700,13 +700,13 @@ a.ui.green.label:hover {
 
 /* Basic */
 .ui.basic.green.label {
-  background-color: #ffffff !important;
-  color: #21ba45 !important;
-  border-color: #21ba45 !important;
+  background-color: #FFFFFF !important;
+  color: #21BA45 !important;
+  border-color: #21BA45 !important;
 }
 .ui.basic.green.labels a.label:hover,
 a.ui.basic.green.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #16ab39 !important;
   border-color: #16ab39 !important;
 }
@@ -715,9 +715,9 @@ a.ui.basic.green.label:hover {
 
 .ui.teal.labels .label,
 .ui.teal.label {
-  background-color: #00b5ad !important;
-  border-color: #00b5ad !important;
-  color: #ffffff !important;
+  background-color: #00B5AD !important;
+  border-color: #00B5AD !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -725,7 +725,7 @@ a.ui.basic.green.label:hover {
 a.ui.teal.label:hover {
   background-color: #009c95 !important;
   border-color: #009c95 !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -741,13 +741,13 @@ a.ui.teal.label:hover {
 
 /* Basic */
 .ui.basic.teal.label {
-  background-color: #ffffff !important;
-  color: #00b5ad !important;
-  border-color: #00b5ad !important;
+  background-color: #FFFFFF !important;
+  color: #00B5AD !important;
+  border-color: #00B5AD !important;
 }
 .ui.basic.teal.labels a.label:hover,
 a.ui.basic.teal.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #009c95 !important;
   border-color: #009c95 !important;
 }
@@ -756,9 +756,9 @@ a.ui.basic.teal.label:hover {
 
 .ui.blue.labels .label,
 .ui.blue.label {
-  background-color: #2185d0 !important;
-  border-color: #2185d0 !important;
-  color: #ffffff !important;
+  background-color: #2185D0 !important;
+  border-color: #2185D0 !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -766,7 +766,7 @@ a.ui.basic.teal.label:hover {
 a.ui.blue.label:hover {
   background-color: #1678c2 !important;
   border-color: #1678c2 !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -782,13 +782,13 @@ a.ui.blue.label:hover {
 
 /* Basic */
 .ui.basic.blue.label {
-  background-color: #ffffff !important;
-  color: #2185d0 !important;
-  border-color: #2185d0 !important;
+  background-color: #FFFFFF !important;
+  color: #2185D0 !important;
+  border-color: #2185D0 !important;
 }
 .ui.basic.blue.labels a.label:hover,
 a.ui.basic.blue.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #1678c2 !important;
   border-color: #1678c2 !important;
 }
@@ -797,9 +797,9 @@ a.ui.basic.blue.label:hover {
 
 .ui.violet.labels .label,
 .ui.violet.label {
-  background-color: #6435c9 !important;
-  border-color: #6435c9 !important;
-  color: #ffffff !important;
+  background-color: #6435C9 !important;
+  border-color: #6435C9 !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -807,7 +807,7 @@ a.ui.basic.blue.label:hover {
 a.ui.violet.label:hover {
   background-color: #5829bb !important;
   border-color: #5829bb !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -823,13 +823,13 @@ a.ui.violet.label:hover {
 
 /* Basic */
 .ui.basic.violet.label {
-  background-color: #ffffff !important;
-  color: #6435c9 !important;
-  border-color: #6435c9 !important;
+  background-color: #FFFFFF !important;
+  color: #6435C9 !important;
+  border-color: #6435C9 !important;
 }
 .ui.basic.violet.labels a.label:hover,
 a.ui.basic.violet.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #5829bb !important;
   border-color: #5829bb !important;
 }
@@ -838,9 +838,9 @@ a.ui.basic.violet.label:hover {
 
 .ui.purple.labels .label,
 .ui.purple.label {
-  background-color: #a333c8 !important;
-  border-color: #a333c8 !important;
-  color: #ffffff !important;
+  background-color: #A333C8 !important;
+  border-color: #A333C8 !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -848,7 +848,7 @@ a.ui.basic.violet.label:hover {
 a.ui.purple.label:hover {
   background-color: #9627ba !important;
   border-color: #9627ba !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -864,13 +864,13 @@ a.ui.purple.label:hover {
 
 /* Basic */
 .ui.basic.purple.label {
-  background-color: #ffffff !important;
-  color: #a333c8 !important;
-  border-color: #a333c8 !important;
+  background-color: #FFFFFF !important;
+  color: #A333C8 !important;
+  border-color: #A333C8 !important;
 }
 .ui.basic.purple.labels a.label:hover,
 a.ui.basic.purple.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #9627ba !important;
   border-color: #9627ba !important;
 }
@@ -879,9 +879,9 @@ a.ui.basic.purple.label:hover {
 
 .ui.pink.labels .label,
 .ui.pink.label {
-  background-color: #e03997 !important;
-  border-color: #e03997 !important;
-  color: #ffffff !important;
+  background-color: #E03997 !important;
+  border-color: #E03997 !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -889,7 +889,7 @@ a.ui.basic.purple.label:hover {
 a.ui.pink.label:hover {
   background-color: #e61a8d !important;
   border-color: #e61a8d !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -905,13 +905,13 @@ a.ui.pink.label:hover {
 
 /* Basic */
 .ui.basic.pink.label {
-  background-color: #ffffff !important;
-  color: #e03997 !important;
-  border-color: #e03997 !important;
+  background-color: #FFFFFF !important;
+  color: #E03997 !important;
+  border-color: #E03997 !important;
 }
 .ui.basic.pink.labels a.label:hover,
 a.ui.basic.pink.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #e61a8d !important;
   border-color: #e61a8d !important;
 }
@@ -920,9 +920,9 @@ a.ui.basic.pink.label:hover {
 
 .ui.brown.labels .label,
 .ui.brown.label {
-  background-color: #a5673f !important;
-  border-color: #a5673f !important;
-  color: #ffffff !important;
+  background-color: #A5673F !important;
+  border-color: #A5673F !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -930,7 +930,7 @@ a.ui.basic.pink.label:hover {
 a.ui.brown.label:hover {
   background-color: #975b33 !important;
   border-color: #975b33 !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -946,13 +946,13 @@ a.ui.brown.label:hover {
 
 /* Basic */
 .ui.basic.brown.label {
-  background-color: #ffffff !important;
-  color: #a5673f !important;
-  border-color: #a5673f !important;
+  background-color: #FFFFFF !important;
+  color: #A5673F !important;
+  border-color: #A5673F !important;
 }
 .ui.basic.brown.labels a.label:hover,
 a.ui.basic.brown.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #975b33 !important;
   border-color: #975b33 !important;
 }
@@ -963,7 +963,7 @@ a.ui.basic.brown.label:hover {
 .ui.grey.label {
   background-color: #767676 !important;
   border-color: #767676 !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -971,7 +971,7 @@ a.ui.basic.brown.label:hover {
 a.ui.grey.label:hover {
   background-color: #838383 !important;
   border-color: #838383 !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -987,13 +987,13 @@ a.ui.grey.label:hover {
 
 /* Basic */
 .ui.basic.grey.label {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #767676 !important;
   border-color: #767676 !important;
 }
 .ui.basic.grey.labels a.label:hover,
 a.ui.basic.grey.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #838383 !important;
   border-color: #838383 !important;
 }
@@ -1002,9 +1002,9 @@ a.ui.basic.grey.label:hover {
 
 .ui.black.labels .label,
 .ui.black.label {
-  background-color: #1b1c1d !important;
-  border-color: #1b1c1d !important;
-  color: #ffffff !important;
+  background-color: #1B1C1D !important;
+  border-color: #1B1C1D !important;
+  color: #FFFFFF !important;
 }
 
 /* Link */
@@ -1012,7 +1012,7 @@ a.ui.basic.grey.label:hover {
 a.ui.black.label:hover {
   background-color: #27292a !important;
   border-color: #27292a !important;
-  color: #ffffff !important;
+  color: #FFFFFF !important;
 }
 
 /* Corner */
@@ -1028,13 +1028,13 @@ a.ui.black.label:hover {
 
 /* Basic */
 .ui.basic.black.label {
-  background-color: #ffffff !important;
-  color: #1b1c1d !important;
-  border-color: #1b1c1d !important;
+  background-color: #FFFFFF !important;
+  color: #1B1C1D !important;
+  border-color: #1B1C1D !important;
 }
 .ui.basic.black.labels a.label:hover,
 a.ui.basic.black.label:hover {
-  background-color: #ffffff !important;
+  background-color: #FFFFFF !important;
   color: #27292a !important;
   border-color: #27292a !important;
 }
@@ -1044,7 +1044,7 @@ a.ui.basic.black.label:hover {
 --------------------*/
 
 .ui.basic.label {
-  background: none #ffffff;
+  background: none #FFFFFF;
   border: 1px solid rgba(34, 36, 38, 0.15);
   color: rgba(0, 0, 0, 0.87);
   box-shadow: none;
@@ -1053,7 +1053,7 @@ a.ui.basic.black.label:hover {
 /* Link */
 a.ui.basic.label:hover {
   text-decoration: none;
-  background: none #ffffff;
+  background: none #FFFFFF;
   color: #1e70bf;
   box-shadow: 1px solid rgba(34, 36, 38, 0.15);
   box-shadow: none;
@@ -1148,7 +1148,7 @@ a.ui.basic.label:hover {
   width: 0.6666em;
   height: 0.6666em;
   -webkit-transition: background 0.1s ease;
-          transition: background 0.1s ease;
+  transition: background 0.1s ease;
 }
 
 /*--- Above ---*/