Adds additional button variables, basic styling for google buttons

src/definitions/elements/button.less

@@ -626,6 +626,7 @@
 .ui.basic.buttons .button.active,
 .ui.basic.button.active {
   background: @basicActiveBackground !important;
+  box-shadow: @basicActiveBoxShadow !important;
   color: @basicActiveColor;
   box-shadow: @selectedBorderColor;
 }

src/themes/packages/default/elements/button.variables

@@ -188,6 +188,7 @@
 ;
 /* Basic Active */
 @basicActiveBackground: @transparentBlack;
+@basicActiveBoxShadow: '';
 @basicActiveColor: @selectedTextColor;
 
 /* Basic Inverted */

src/themes/packages/google/elements/button.variables

@@ -32,7 +32,6 @@
   box-shadow 0.3s @transitionEasing,
   background 0.3s @transitionEasing
 ;
-
 /*-------------------
         State
 --------------------*/
@@ -51,11 +50,21 @@
 @activeBackgroundColor: #F0F0F0;
 @activeBoxShadow: 0px 0px 0px 1px #DDDDDD;
 
-
 /*-------------------
       Variations
 --------------------*/
 
+@basicBorderSize: 0px;
+@basicBorderRadius: 4px;
+@basicColoredBorderSize: 1px;
+@basicHoverBackground: @white;
+@basicHoverBoxShadow: @hoverBoxShadow;
+@basicDownBackground: @white;
+@basicDownBoxShadow: @downBoxShadow;
+
+@basicActiveBackground: #FFFFFF;
+@basicActiveBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+
 @labeledIconBackgroundColor: transparent;
 @labeledIconWidth: 2em;