semantic-ui-rails 0.7.2 → 0.8.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0f00cb7d50ba3a252e9665cdfe830a636584072c
-  data.tar.gz: d396c6173d8ad35ed69951318c743239b777293e
+  metadata.gz: d8c20f9c580c265c14a358d871c04fdc557f7e9d
+  data.tar.gz: 608730d33852e5b7347a48afad7a8d5b8932ba6b
 SHA512:
-  metadata.gz: 92bde35af206d14de14d769bccfd7d4a0fcac940ea75ca1c84c915b2c60088e38e796ef92eabedf2352413ce9ca955f2dcd2d099765d951d8f21e7ca557358e6
-  data.tar.gz: b39de8141ba2b346add8c77b7956f2494b1aa0a1a6f9afe467837996b5873f81d06373397e92b18a381fcb4ba100c99e9484fab91419470ac44db0d49b58b08a
+  metadata.gz: 7eecfa3f931b38bff568dc4a5e53cd87b1879d6274e632883dfc19333335ed65e71364b5b62a7aacdf943e1aab57bea77210f772dcd028668824d150c20b1b23
+  data.tar.gz: 98950787e4db3adb781374cea1d3fe665e40cd1bb44f45c8b9e86e2bc19ca8ee88e80ebb682e0272f63bfd42455af77af84f7c1f1a97354eb1f604114d3686a3

data/lib/semantic/ui/rails/version.rb

@@ -1,7 +1,7 @@
 module Semantic
   module Ui
     module Rails
-      VERSION = "0.7.2"
+      VERSION = "0.8.1"
     end
   end
 end

data/vendor/assets/javascripts/semantic-ui/modules/dropdown.js

@@ -266,7 +266,10 @@ $.fn.dropdown = function(parameters) {
           },
 
           activate: function(text, value) {
-            value = value || text;
+            value = (value !== undefined)
+              ? value
+              : text
+            ;
             module.set.selected(value);
             module.set.value(value);
             module.hide();
@@ -274,7 +277,10 @@ $.fn.dropdown = function(parameters) {
 
           /* Deprecated */
           auto: function(text, value) {
-            value = value || text;
+            value = (value !== undefined)
+              ? value
+              : text
+            ;
             module.set.selected(value);
             module.set.value(value);
             module.hide();
@@ -282,14 +288,20 @@ $.fn.dropdown = function(parameters) {
 
           /* Deprecated */
           changeText: function(text, value) {
-            value = value || text;
+            value = (value !== undefined)
+              ? value
+              : text
+            ;
             module.set.selected(value);
             module.hide();
           },
 
           /* Deprecated */
           updateForm: function(text, value) {
-            value = value || text;
+            value = (value !== undefined)
+              ? value
+              : text
+            ;
             module.set.selected(value);
             module.set.value(value);
             module.hide();
@@ -308,7 +320,10 @@ $.fn.dropdown = function(parameters) {
             var
               $selectedItem
             ;
-            value = value || module.get.value() || module.get.text();
+            value = (value !== undefined)
+              ? value
+              : ( module.get.value() || module.get.text() )
+            ;
             if(value) {
               $item
                 .each(function() {

data/vendor/assets/stylesheets/semantic-ui/elements/button.less

@@ -98,24 +98,205 @@
   ;
 }
 
+
+
+
+/*******************************
+            States
+*******************************/
+
+
 /*--------------
-     Count
+     Active
 ---------------*/
 
-.ui.count.button {
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
+.ui.buttons .active.button,
+.ui.active.button {
+  background-color: #EAEAEA;
+  background-image: none;
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
+  color: rgba(0, 0, 0, 0.7);
+}
+
+
+/*--------------
+      Hover
+---------------*/
+
+.ui.button:not(.loading):hover {
+  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
+  color: rgba(0, 0, 0, 0.7);
+}
+.ui.button.active:hover {
+  background-image: none;
+}
+
+.ui.button:hover .icon,
+.ui.button.hover .icon {
+  opacity: 0.85;
 }
 
-.ui.count.button > .count {
+/*--------------
+      Down
+---------------*/
+
+.ui.button:not(.loading):active,
+.ui.active.button:not(.loading):active {
+  background-color: #F1F1F1;
+  color: rgba(0, 0, 0, 0.7);
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
+}
+
+/*--------------
+    Loading
+---------------*/
+
+.ui.loading.button {
+  position: relative;
+  cursor: default;
+
+  background-color: #FFFFFF !important;
+  color: transparent !important;
+
+  -webkit-transition: all 0s linear;
+  -moz-transition: all 0s linear;
+  -o-transition: all 0s linear;
+  -ms-transition: all 0s linear;
+  transition: all 0s linear;
+}
+.ui.loading.button:after {
   position: absolute;
-  background-color: #FFFFFF;
-  border: 1px solid #F0F0F0;
-  margin: -0.8em -1.5em;
-  padding: 0.8em 1.5em;
+  top: 0em;
+  left: 0em;
+  width: 100%;
+  height: 100%;
+  content: '';
+  background: transparent url(../loader-mini.gif) no-repeat 50% 50%;
+}
+
+.ui.labeled.icon.loading.button .icon {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+/*-------------------
+      Disabled
+--------------------*/
+
+.ui.disabled.button,
+.ui.disabled.button:hover,
+.ui.disabled.button.active {
+  background-color: #DDDDDD !important;
+  cursor: default;
+  color: rgba(0, 0, 0, 0.5) !important;
+  opacity: 0.3 !important;
+  background-image: none !important;
+  -webkit-box-shadow: none !important;
+  -moz-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+/*******************************
+             Types
+*******************************/
+
+/*-------------------
+       Animated
+--------------------*/
+
+.ui.animated.button {
+  position: relative;
+  overflow: hidden;
+}
+
+.ui.animated.button .visible.content {
+  position: relative;
+}
+.ui.animated.button .hidden.content {
+  position: absolute;
+  width: 100%;
 }
 
+/* Horizontal */
+.ui.animated.button .visible.content,
+.ui.animated.button .hidden.content {
+  transition: right 0.3s ease 0s;
+}
+.ui.animated.button .visible.content {
+  left: auto;
+  right: 0%;
+}
+.ui.animated.button .hidden.content {
+  top: 50%;
+  left: auto;
+  right: -100%;
+  margin-top: -0.55em;
+}
+.ui.animated.button:hover .visible.content {
+  left: auto;
+  right: 200%;
+}
+.ui.animated.button:hover .hidden.content {
+  left: auto;
+  right: 0%;
+}
+
+/* Vertical */
+.ui.vertical.animated.button .visible.content,
+.ui.vertical.animated.button .hidden.content {
+  transition: top 0.3s ease 0s, transform 0.3s ease 0s;
+}
+.ui.vertical.animated.button .visible.content {
+  transform: translateY(0%);
+  right: auto;
+}
+.ui.vertical.animated.button .hidden.content {
+  top: -100%;
+  left: 0%;
+  right: auto;
+}
+.ui.vertical.animated.button:hover .visible.content {
+  transform: translateY(200%);
+  right: auto;
+}
+.ui.vertical.animated.button:hover .hidden.content {
+  top: 50%;
+  right: auto;
+}
+
+/* Fade */
+.ui.fade.animated.button .visible.content,
+.ui.fade.animated.button .hidden.content {
+  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
+}
+.ui.fade.animated.button .visible.content {
+  left: auto;
+  right: auto;
+  opacity: 1;
+  transform: scale(1);
+}
+.ui.fade.animated.button .hidden.content {
+  opacity: 0;
+  left: 0%;
+  right: auto;
+  transform: scale(1.2);
+}
+.ui.fade.animated.button:hover .visible.content {
+  left: auto;
+  right: auto;
+  opacity: 0;
+  transform: scale(0.7);
+}
+.ui.fade.animated.button:hover .hidden.content {
+  left: 0%;
+  right: auto;
+  opacity: 1;
+  transform: scale(1);
+}
+
+
 /*-------------------
        Primary
 --------------------*/
@@ -123,17 +304,19 @@
 .ui.primary.buttons .button,
 .ui.primary.button {
   background-color: #D95C5C;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.primary.buttons .button:hover,
 .ui.primary.button:hover,
 .ui.primary.buttons .active.button,
 .ui.primary.button.active {
   background-color: #E75859;
+  color: #FFFFFF;
 }
 .ui.primary.buttons .button:active,
 .ui.primary.button:active {
   background-color: #D24B4C;
+  color: #FFFFFF;
 }
 
 /*-------------------
@@ -143,17 +326,19 @@
 .ui.secondary.buttons .button,
 .ui.secondary.button {
   background-color: #00B5AD;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.secondary.buttons .button:hover,
 .ui.secondary.button:hover,
 .ui.secondary.buttons .active.button,
 .ui.secondary.button.active {
   background-color: #009A93;
+  color: #FFFFFF;
 }
 .ui.secondary.buttons .button:active,
 .ui.secondary.button:active {
   background-color: #00847E;
+  color: #FFFFFF;
 }
 
 /*-------------------
@@ -163,86 +348,100 @@
 /* Facebook */
 .ui.facebook.button {
   background-color: #3B579D;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.facebook.button:hover {
   background-color: #3A59A9;
+  color: #FFFFFF;
 }
 .ui.facebook.button:active {
   background-color: #334F95;
+  color: #FFFFFF;
 }
 
 /* Twitter */
 .ui.twitter.button {
   background-color: #4092CC;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.twitter.button:hover {
   background-color: #399ADE;
+  color: #FFFFFF;
 }
 .ui.twitter.button:active {
   background-color: #3283BC;
+  color: #FFFFFF;
 }
 
 /* Google Plus */
 .ui.google.plus.button {
   background-color: #D34836;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.google.plus.button:hover {
   background-color: #E3432E;
+  color: #FFFFFF;
 }
 .ui.google.plus.button:active {
   background-color: #CA3A27;
+  color: #FFFFFF;
 }
 
 /* Linked In */
 .ui.linkedin.button {
   background-color: #1F88BE;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.linkedin.button:hover {
   background-color: #1394D6;
+  color: #FFFFFF;
 }
 .ui.linkedin.button:active {
   background-color: #1179AE;
+  color: #FFFFFF;
 }
 
 /* YouTube */
 .ui.youtube.button {
   background-color: #CC181E;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.youtube.button:hover {
   background-color: #DF0209;
+  color: #FFFFFF;
 }
 .ui.youtube.button:active {
   background-color: #A50006;
+  color: #FFFFFF;
 }
 
 /* Instagram */
 .ui.instagram.button {
   background-color: #49769C;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.instagram.button:hover {
   background-color: #4781B1;
+  color: #FFFFFF;
 }
 .ui.instagram.button:active {
   background-color: #38658A;
+  color: #FFFFFF;
 }
 
 
 /* Pinterest */
 .ui.pinterest.button {
   background-color: #00ACED;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.pinterest.button:hover {
   background-color: #00B9FF;
+  color: #FFFFFF;
 }
 .ui.pinterest.button:active {
   background-color: #009EDA;
+  color: #FFFFFF;
 }
 
 /*--------------
@@ -272,112 +471,11 @@
 }
 
 
-
-/*******************************
-            States
-*******************************/
-
-
-/*--------------
-     Active
----------------*/
-
-.ui.buttons .active.button,
-.ui.active.button {
-  background-color: #EAEAEA;
-  background-image: none;
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
-  color: rgba(0, 0, 0, 0.7);
-}
-
-
-/*--------------
-      Hover
----------------*/
-
-.ui.button:hover {
-  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
-  color: rgba(0, 0, 0, 0.7);
-}
-.ui.button.active:hover {
-  background-image: none;
-}
-
-.ui.button:hover .icon,
-.ui.button.hover .icon {
-  opacity: 0.85;
-}
-
-/*--------------
-      Down
----------------*/
-
-.ui.button:active,
-.ui.active.button:active {
-  background-color: #F1F1F1;
-  color: rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
-}
-
-/*--------------
-    Loading
----------------*/
-
-.ui.loading.button {
-  position: relative;
-  cursor: default;
-
-  background-color: #F3F3F3 !important;
-  color: transparent !important;
-  background-image: none !important;
-
-  -webkit-box-shadow: none !important;
-  -moz-box-shadow: none !important;
-  box-shadow: none !important;
-
-  -webkit-transition: all 0s linear;
-  -moz-transition: all 0s linear;
-  -o-transition: all 0s linear;
-  -ms-transition: all 0s linear;
-  transition: all 0s linear;
-}
-.ui.loading.button:after {
-  position: absolute;
-  top: 0em;
-  left: 0em;
-  width: 100%;
-  height: 100%;
-  content: '';
-  background: transparent url(../loader-mini.gif) no-repeat 50% 50%;
-}
-
-.ui.labeled.icon.loading.button .icon {
-  background-color: transparent;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}
-
-/*-------------------
-      Disabled
---------------------*/
-
-.ui.disabled.button {
-  cursor: default;
-  color: #DDDDDD !important;
-  background-color: rgba(50, 50, 50, 0.05) !important;
-  background-image: none !important;
-
-  -webkit-box-shadow: none !important;
-  -moz-box-shadow: none !important;
-  box-shadow: none !important;
-}
-
-
 /*******************************
            Variations
 *******************************/
 
+
 /*-------------------
        Floated
 --------------------*/
@@ -404,39 +502,77 @@
   font-size: 1rem;
 }
 
-.ui.buttons.mini .button,
+.ui.mini.buttons .button,
+.ui.mini.buttons .or,
+.ui.mini.button {
+  font-size: 0.8rem;
+}
+.ui.mini.buttons .button,
 .ui.mini.button {
-  font-size: 0.8125rem;
   padding: 0.6em 0.8em 0.73em;
 }
+.ui.mini.icon.buttons .button,
+.ui.mini.buttons .icon.button {
+  padding: 0.6em 0.6em 0.73em;
+}
+
 .ui.tiny.buttons .button,
+.ui.tiny.buttons .or,
 .ui.tiny.button {
   font-size: 0.875rem;
+}
+.ui.tiny.buttons .button,
+.ui.tiny.buttons .button,
+.ui.tiny.button {
   padding: 0.6em 0.8em 0.73em;
 }
+.ui.tiny.icon.buttons .button,
+.ui.tiny.buttons .icon.button {
+  padding: 0.6em 0.6em 0.73em;
+}
+
 .ui.small.buttons .button,
+.ui.small.buttons .or,
 .ui.small.button {
   font-size: 0.875rem;
 }
 
 .ui.large.buttons .button,
+.ui.large.buttons .or,
 .ui.large.button {
   font-size: 1.125rem;
 }
 .ui.big.buttons .button,
+.ui.big.buttons .or,
 .ui.big.button {
   font-size: 1.25rem;
 }
 .ui.huge.buttons .button,
+.ui.huge.buttons .or,
 .ui.huge.button {
   font-size: 1.375rem;
 }
 .ui.massive.buttons .button,
+.ui.massive.buttons .or,
 .ui.massive.button {
   font-size: 1.5rem;
   font-weight: bold;
 }
 
+/* Or resize */
+.ui.tiny.buttons .or:before,
+.ui.mini.buttons .or:before {
+  width: 1.45em;
+  height: 1.55em;
+  line-height: 1.4;
+  margin-left: -0.725em;
+  margin-top: -0.25em;
+}
+.ui.tiny.buttons .or:after,
+.ui.mini.buttons .or:after {
+  height: 1.45em;
+}
+
 /* loading */
 .ui.huge.loading.button:after {
   background-image: url(../loader-small.gif);
@@ -473,9 +609,8 @@
 }
 .ui.icon.buttons .button > .icon,
 .ui.icon.button > .icon {
-  opacity: 1;
+  opacity: 0.9;
   margin: 0em;
-  vertical-align: top;
 }
 
 
@@ -508,6 +643,7 @@
 
 .ui.basic.buttons .button:hover,
 .ui.basic.button:hover {
+  background-image: none;
   color: #7F7F7F !important;
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18) inset;
   -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18) inset;
@@ -730,7 +866,7 @@
   position: relative;
   float: left;
   width: 0.3em;
-  height: 1em;
+  height: 1.1em;
   z-index: 3;
 }
 .ui.buttons .or:before {
@@ -740,13 +876,13 @@
   content: 'or';
   background-color: #FFFFFF;
 
-  margin-top: -0.15em;
+  margin-top: -0.1em;
   margin-left: -0.9em;
 
   width: 1.8em;
   height: 1.8em;
 
-  line-height: 1.66;
+  line-height: 1.55;
   color: #AAAAAA;
   font-style: normal;
   font-weight: normal;
@@ -756,6 +892,8 @@
   -webkit-border-radius: 500px;
   border-radius: 500px;
 
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
@@ -768,11 +906,12 @@
   content: ' ';
 
   width: 0.3em;
-  height: 1.8em;
+  height: 1.7em;
 
   background-color: transparent;
-  border-top: 0.6em solid #FFFFFF;
-  border-bottom: 0.6em solid #FFFFFF;
+  border-top: 0.5em solid #FFFFFF;
+  border-bottom: 0.5em solid #FFFFFF;
+
 }
 
 /* Fluid Or */
@@ -873,36 +1012,47 @@
   display: block;
   width: 100%;
 }
+.ui.\32.buttons > .button,
 .ui.two.buttons > .button {
   width: 50%;
 }
+.ui.\33.buttons > .button,
 .ui.three.buttons > .button {
   width: 33.333%;
 }
+.ui.\34.buttons > .button,
 .ui.four.buttons > .button {
   width: 25%;
 }
+.ui.\35.buttons > .button,
 .ui.five.buttons > .button {
   width: 20%;
 }
+.ui.\36.buttons > .button,
 .ui.six.buttons > .button {
   width: 16.666%;
 }
+.ui.\37.buttons > .button,
 .ui.seven.buttons > .button {
   width: 14.285%;
 }
+.ui.\38.buttons > .button,
 .ui.eight.buttons > .button {
   width: 12.500%;
 }
+.ui.\39.buttons > .button,
 .ui.nine.buttons > .button {
   width: 11.11%;
 }
+.ui.\31\30.buttons > .button,
 .ui.ten.buttons > .button {
   width: 10%;
 }
+.ui.\31\31.buttons > .button,
 .ui.eleven.buttons > .button {
   width: 9.09%;
 }
+.ui.\31\32.buttons > .button,
 .ui.twelve.buttons > .button {
   width: 8.3333%;
 }
@@ -917,36 +1067,48 @@
   -ms-box-sizing: border-box;
   box-sizing: border-box;
 }
+
+.ui.\32.vertical.buttons > .button,
 .ui.two.vertical.buttons > .button {
   height: 50%;
 }
+.ui.\33.vertical.buttons > .button,
 .ui.three.vertical.buttons > .button {
   height: 33.333%;
 }
+.ui.\34.vertical.buttons > .button,
 .ui.four.vertical.buttons > .button {
   height: 25%;
 }
+.ui.\35.vertical.buttons > .button,
 .ui.five.vertical.buttons > .button {
   height: 20%;
 }
+.ui.\36.vertical.buttons > .button,
 .ui.six.vertical.buttons > .button {
   height: 16.666%;
 }
+.ui.\37.vertical.buttons > .button,
 .ui.seven.vertical.buttons > .button {
   height: 14.285%;
 }
+.ui.\38.vertical.buttons > .button,
 .ui.eight.vertical.buttons > .button {
   height: 12.500%;
 }
+.ui.\39.vertical.buttons > .button,
 .ui.nine.vertical.buttons > .button {
   height: 11.11%;
 }
+.ui.\31\30.vertical.buttons > .button,
 .ui.ten.vertical.buttons > .button {
   height: 10%;
 }
+.ui.\31\31.vertical.buttons > .button,
 .ui.eleven.vertical.buttons > .button {
   height: 9.09%;
 }
+.ui.\31\32.vertical.buttons > .button,
 .ui.twelve.vertical.buttons > .button {
   height: 8.3333%;
 }
@@ -961,117 +1123,131 @@
 .ui.black.buttons .button,
 .ui.black.button {
   background-color: #5C6166;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.black.buttons .button:hover,
 .ui.black.button:hover {
   background-color: #4C4C4C;
+  color: #FFFFFF;
 }
 .ui.black.buttons .button:active,
 .ui.black.button:active {
   background-color: #333333;
+  color: #FFFFFF;
 }
 
 /*--- Green ---*/
 .ui.green.buttons .button,
 .ui.green.button {
   background-color: #5BBD72;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.green.buttons .button:hover,
 .ui.green.button:hover,
 .ui.green.buttons .active.button,
 .ui.green.button.active {
   background-color: #58cb73;
+  color: #FFFFFF;
 }
 .ui.green.buttons .button:active,
 .ui.green.button:active {
   background-color: #4CB164;
+  color: #FFFFFF;
 }
 
 /*--- Red ---*/
 .ui.red.buttons .button,
 .ui.red.button {
   background-color: #D95C5C;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.red.buttons .button:hover,
 .ui.red.button:hover,
 .ui.red.buttons .active.button,
 .ui.red.button.active {
   background-color: #E75859;
+  color: #FFFFFF;
 }
 .ui.red.buttons .button:active,
 .ui.red.button:active {
   background-color: #D24B4C;
+  color: #FFFFFF;
 }
 
 /*--- Orange ---*/
 .ui.orange.buttons .button,
 .ui.orange.button {
   background-color: #E96633;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.orange.buttons .button:hover,
 .ui.orange.button:hover,
 .ui.orange.buttons .active.button,
 .ui.orange.button.active {
   background-color: #FF7038;
+  color: #FFFFFF;
 }
 .ui.orange.buttons .button:active,
 .ui.orange.button:active {
   background-color: #DA683B;
+  color: #FFFFFF;
 }
 
 /*--- Blue ---*/
 .ui.blue.buttons .button,
 .ui.blue.button {
   background-color: #6ECFF5;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.blue.buttons .button:hover,
 .ui.blue.button:hover,
 .ui.blue.buttons .active.button,
 .ui.blue.button.active {
   background-color: #1AB8F3;
+  color: #FFFFFF;
 }
 .ui.blue.buttons .button:active,
 .ui.blue.button:active {
   background-color: #0AA5DF;
+  color: #FFFFFF;
 }
 
 /*--- Purple ---*/
 .ui.purple.buttons .button,
 .ui.purple.button {
   background-color: #564F8A;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.purple.buttons .button:hover,
 .ui.purple.button:hover,
 .ui.purple.buttons .active.button,
 .ui.purple.button.active {
   background-color: #3E3773;
+  color: #FFFFFF;
 }
 .ui.purple.buttons .button:active,
 .ui.purple.button:active {
   background-color: #2E2860;
+  color: #FFFFFF;
 }
 
 /*--- Teal ---*/
 .ui.teal.buttons .button,
 .ui.teal.button {
   background-color: #00B5AD;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.teal.buttons .button:hover,
 .ui.teal.button:hover,
 .ui.teal.buttons .active.button,
 .ui.teal.button.active {
   background-color: #009A93;
+  color: #FFFFFF;
 }
 .ui.teal.buttons .button:active,
 .ui.teal.button:active {
   background-color: #00847E;
+  color: #FFFFFF;
 }
 
 /*---------------
@@ -1081,17 +1257,19 @@
 .ui.positive.buttons .button,
 .ui.positive.button {
   background-color: #5BBD72 !important;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.positive.buttons .button:hover,
 .ui.positive.button:hover,
 .ui.positive.buttons .active.button,
 .ui.positive.button.active {
   background-color: #58CB73 !important;
+  color: #FFFFFF;
 }
 .ui.positive.buttons .button:active,
 .ui.positive.button:active {
   background-color: #4CB164 !important;
+  color: #FFFFFF;
 }
 
 
@@ -1101,17 +1279,19 @@
 .ui.negative.buttons .button,
 .ui.negative.button {
   background-color: #D95C5C !important;
-  color: #FFFFFF !important;
+  color: #FFFFFF;
 }
 .ui.negative.buttons .button:hover,
 .ui.negative.button:hover,
 .ui.negative.buttons .active.button,
 .ui.negative.button.active {
   background-color: #E75859 !important;
+  color: #FFFFFF;
 }
 .ui.negative.buttons .button:active,
 .ui.negative.button:active {
   background-color: #D24B4C !important;
+  color: #FFFFFF;
 }