Revert "re-commit."

This reverts commit 64a4649.

less/buttons.less

@@ -0,0 +1,27 @@
+// button core
+.m-btn {
+  position: relative;
+  display: inline-block;
+  overflow: visible;
+  margin: 0;
+  padding: 10px 14px;
+  cursor: pointer;
+  outline: none;
+  border: none; 
+  .gradient-background-mixin(@grayColor, @darkGrayColor);
+  .background-clip(padding);
+  /* IE hacks */
+
+  zoom: 1;
+  z-index: 1;
+  *display: inline;
+  font-family: @defaultFontFamily;
+  font-size: @defaultFontSize;
+  line-height: @defaultLineHeight;
+  color: @kindofblackColor;
+  min-width: @btnMinWidth; 
+  text-align: center;  
+  text-decoration: none;
+  white-space: nowrap;
+}
+

less/mixins.less

@@ -1,3 +1,5 @@
+
+// icon mixins
 .m-icons-mixin (@size, @margin: 0px) {
 	display: inline-block;
 	width: @size;
@@ -7,4 +9,35 @@
 	background-image: url("@{msfticonSpritePath}");
 	background-position: 0 0;
 	background-repeat: no-repeat; 
-}
+}
+
+.button-background (@color, @lightercolor) {
+	border: none;	
+}
+
+.gradient-background-mixin (@firstcolor, @secondColor) {
+	#gradientstyles > .vertical(@firstcolor, @secondColor);	
+}
+
+#gradientstyles {
+	.vertical(@startColor, @endColor) {
+    background-color: mix(@startColor, @endColor, 60%);
+    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(top, @startColor, @endColor); // The standard
+    background-repeat: repeat-x;
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
+  }
+
+}
+
+// Background clipping
+// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
+.background-clip(@clipstyle) {
+  -webkit-background-clip: @clipstyle;
+     -moz-background-clip: @clipstyle;
+          background-clip: @clipstyle;
+}

less/variables.less

@@ -2,7 +2,14 @@
 
 // Fonts
 @defaultFontFamily:		"Segoe UI", Helvetica, Arial, sans-serif;
-@defaultFontSize
+@defaultFontSize:		14px;
+@defaultLineHeight: 	12px;
+
+// Button styles
+@btnMinWidth:			42px;
+@btnIconMinWidth:		14px;
+@btnBigIconMinWidth:	34px;
+
 
 // Sprite icons path
 // -------------------------
@@ -14,6 +21,9 @@
 // Colors 
 // -------------------------
 @whiteColor:				#ffffff;
+@kindofblackColor:			#444444;
+@nearblackColor:			#333333;
+@almostblackColor:			#222222;
 @blackColor:				#111111;
 
 @grayColor:					#f5f5f5;