fixes #9879: add hover state to theme buttons
This commit is contained in:
parent
c4c87fede5
commit
5bbbdb399b
3 changed files with 96 additions and 53 deletions
|
|
@ -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%);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue