Adds coloredboxshadow variable for buttons

src/elements/button.less

@@ -265,7 +265,7 @@
   background-color: @primaryColor;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.primary.buttons .button:hover,
 .ui.primary.button:hover {
@@ -295,7 +295,7 @@
   background-color: @secondaryColor;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.secondary.buttons .button:hover,
 .ui.secondary.button:hover {
@@ -325,7 +325,7 @@
   background-color: @facebookColor;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.facebook.button:hover {
   background-color: @facebookHoverColor;
@@ -343,7 +343,7 @@
   background-color: @twitterColor;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.twitter.button:hover {
   background-color: @twitterHoverColor;
@@ -361,7 +361,7 @@
   background-color: @googlePlusColor;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.google.plus.button:hover {
   background-color: @googlePlusHoverColor;
@@ -396,7 +396,7 @@
   background-color: @youtubeColor;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.youtube.button:hover {
   background-color: @youtubeHoverColor;
@@ -414,7 +414,7 @@
   background-color: @instagramColor;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.instagram.button:hover {
   background-color: @instagramHoverColor;
@@ -432,7 +432,7 @@
   background-color: @pinterestColor;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.pinterest.button:hover {
   background-color: @pinterestHoverColor;
@@ -449,7 +449,7 @@
 .ui.vk.button {
   background-color: #4D7198;
   color: #FFFFFF;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.vk.button:hover {
   background-color: #537AA5;
@@ -1067,7 +1067,7 @@
   background-color: @black;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.black.buttons .button:hover,
 .ui.black.button:hover {
@@ -1096,7 +1096,7 @@
   background-color: @blue;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.blue.buttons .button:hover,
 .ui.blue.button:hover {
@@ -1125,7 +1125,7 @@
   background-color: @green;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.green.buttons .button:hover,
 .ui.green.button:hover {
@@ -1154,7 +1154,7 @@
   background-color: @orange;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.orange.buttons .button:hover,
 .ui.orange.button:hover {
@@ -1183,7 +1183,7 @@
   background-color: @pink;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.pink.buttons .button:hover,
 .ui.pink.button:hover {
@@ -1212,7 +1212,7 @@
   background-color: @purple;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.purple.buttons .button:hover,
 .ui.purple.button:hover {
@@ -1241,7 +1241,7 @@
   background-color: @red;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.red.buttons .button:hover,
 .ui.red.button:hover {
@@ -1270,7 +1270,7 @@
   background-color: @teal;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.teal.buttons .button:hover,
 .ui.teal.button:hover {
@@ -1299,7 +1299,7 @@
   background-color: @yellow;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.yellow.buttons .button:hover,
 .ui.yellow.button:hover {
@@ -1331,7 +1331,7 @@
   background-color: @positiveColor !important;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.positive.buttons .button:hover,
 .ui.positive.button:hover,
@@ -1365,7 +1365,7 @@
   background-color: @negativeColor !important;
   color: @invertedTextColor;
   text-shadow: @invertedTextShadow;
-  box-shadow: none;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.negative.buttons .button:hover,
 .ui.negative.button:hover,

src/modules/dropdown.js

@@ -282,6 +282,16 @@ $.fn.dropdown = function(parameters) {
             module.hide();
           },
 
+          select: function(text, value) {
+            value = (value !== undefined)
+              ? value
+              : text
+            ;
+            module.set.selected(value);
+            module.set.value(value);
+            module.hide();
+          },
+
           activate: function(text, value) {
             value = (value !== undefined)
               ? value
@@ -429,7 +439,7 @@ $.fn.dropdown = function(parameters) {
                 .text(text)
               ;
             }
-            else {
+            else if(settings.action !== 'select') {
               module.debug('Changing text', text, $text);
               $text.removeClass(className.placeholder);
               $text.text(text);

src/semantic.config

@@ -10,7 +10,7 @@
 @globalTheme: 'default';
 
 /* Elements */
-@button   : 'github';
+@button   : 'default';
 @icon     : 'default';
 @divider  : 'default';
 @header   : 'default';