From 5bbbdb399bbcd6695fedb73ae9f7b3f6a9300c06 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 23 Aug 2013 10:36:37 -0700 Subject: fixes #9879: add hover state to theme buttons --- less/theme.less | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) (limited to 'less') diff --git a/less/theme.less b/less/theme.less index 92469c429..79e52fd44 100644 --- a/less/theme.less +++ b/less/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%); } } -- cgit v1.2.3