Permalink
Browse files

Revert "re-commit."

This reverts commit 64a4649.
  • Loading branch information...
1 parent 6ca90e6 commit 3a28842417a6c736e5724361f6531b79eeac35aa @ace-subido committed Jul 2, 2012
Showing with 72 additions and 2 deletions.
  1. +27 −0 less/buttons.less
  2. +34 −1 less/mixins.less
  3. +11 −1 less/variables.less
View
27 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;
+}
+
View
35 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;
+}
View
12 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;

0 comments on commit 3a28842

Please sign in to comment.