.tab-focus();
}
- // Active state
- &.active,
- &:active {
- background-image: none;
+ &:hover {
+ text-decoration: none;
+ }
+
+ &:active,
+ &.active {
outline: 0;
- .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
+ background-image: none;
+ .box-shadow(~"inset 0 3px 5px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.1)");
}
- // Disabled state
&.disabled,
- &[disabled] {
+ &[disabled],
+ fieldset[disabled] & {
cursor: default;
- background-image: none;
.opacity(65);
.box-shadow(none);
}
// Button backgrounds
// ------------------
-.buttonBackground(@startColor, @endColor, @text-color: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
+.buttonBackground(@background-start, @background-end, @text-color: #fff, @text-shadow: 0 -1px 0 rgba(0,0,0,.25)) {
color: @text-color;
- text-shadow: @textShadow;
- #gradient > .vertical(@startColor, @endColor);
- border-color: @endColor @endColor darken(@endColor, 15%);
- border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
- .reset-filter();
-
- // in these cases the gradient won't cover the background, so we override
- &:hover, &:active, &.active, &.disabled, &[disabled], fieldset[disabled] & {
+ text-shadow: @text-shadow;
+ #gradient > .vertical(@background-start, @background-end);
+ border-color: darken(@background-end, 5%);
+
+ &:hover,
+ &:active,
+ &.active {
color: @text-color;
- background-position: 0 -15px;
- background-color: @endColor;
+ background-color: @background-end;
++ background-position: 0 -15px;
}
-
- // IE8 can't handle box-shadow to show active, so we darken a bit ourselves
&:active,
&.active {
- background-color: darken(@endColor, 10%) e("\9");
+ background-image: none;
}
}