(less) fixes twbs#9879: add hover state to theme buttons

stempler · Aug 23, 2013 · f9e2c57 · f9e2c57
1 parent 71945a5
commit f9e2c57
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/theme.less b/theme.less
@@ -32,13 +32,20 @@
 
 // Mixin for generating new styles
 .btn-styles(@btn-color: #555;) {
-  #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 10%));
-  border-color: darken(@btn-color, 12%);
+  #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));
+  background-repeat: repeat-x;
+  border-color: darken(@btn-color, 14%);
+
+  &:hover,
+  &:focus  {
+    background-color: darken(@btn-color, 12%);
+    background-position: 0 -15px;
+  }
 
   &:active,
   &.active {
-    background-color: darken(@btn-color, 10%);
-    border-color: darken(@btn-color, 12%);
+    background-color: darken(@btn-color, 12%);
+    border-color: darken(@btn-color, 14%);
   }
 }