Skip to content

B
bootstrap
Commit 7d1c8c2a authored by nextgenthemes's avatar nextgenthemes
Browse files
Options

Wrapped btn:hover, btn.disabled inside .btn

parent 7ff1b074
Hide whitespace changes
Inline Side-by-side
Showing with 36 additions and 36 deletions
less/buttons.less
View file @ 7d1c8c2a
...@@ -27,47 +27,47 @@ ...@@ -27,47 +27,47 @@
.border-radius(4px); .border-radius(4px);
.ie7-restore-left-whitespace(); // Give IE7 some love .ie7-restore-left-whitespace(); // Give IE7 some love
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
}
// Hover state
.btn:hover {
color: @grayDark;
text-decoration: none;
background-color: darken(@white, 10%);
*background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
background-position: 0 -15px;
// transition is only when going to hover, otherwise the background // Hover state
// behind the gradient (there for IE<=9 fallback) gets mismatched &:hover {
.transition(background-position .1s linear); color: @grayDark;
} text-decoration: none;
background-color: darken(@white, 10%);
// Focus state for keyboard and accessibility *background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
.btn:focus { background-position: 0 -15px;
.tab-focus();
} // transition is only when going to hover, otherwise the background
// behind the gradient (there for IE<=9 fallback) gets mismatched
.transition(background-position .1s linear);
}
// Focus state for keyboard and accessibility
&:focus {
.tab-focus();
}
// Active state
&.active,
&:active {
background-color: darken(@white, 10%);
background-color: darken(@white, 15%) e("\9");
background-image: none;
outline: 0;
.box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
}
// Active state // Disabled state
.btn.active, &.disabled,
.btn:active { &[disabled] {
background-color: darken(@white, 10%); cursor: default;
background-color: darken(@white, 15%) e("\9"); background-color: darken(@white, 10%);
background-image: none; background-image: none;
outline: 0; .opacity(65);
.box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)"); .box-shadow(none);
} }
// Disabled state
.btn.disabled,
.btn[disabled] {
cursor: default;
background-color: darken(@white, 10%);
background-image: none;
.opacity(65);
.box-shadow(none);
} }
// Button Sizes // Button Sizes
// -------------------------------------------------- // --------------------------------------------------
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment