Disabled buttons are not highlighted when enable ":hover", ":focus", ":active".
But, secondary or colored(success, info, warning, danger) buttons are highlighted despite they are disabled.
The cause: selector ":enabled" is lost in secondary or colored buttons selector.
Please check followings:
# Standard buttons selectors
Code: Select all
&:enabled:hover {
background-color: darken($primaryColor,5%);
}
&:enabled:focus {
outline: 0 none;
background-color: darken($primaryColor,5%);
}
&:enabled:active {
background-color: darken($primaryColor,10%);
@include shadow(inset 0 3px 5px rgba(0,0,0,.125));
}
Code: Select all
&:hover {
background-color: #e6e6e6;
border-color: #adadad;
}
&:focus {
background-color: #e6e6e6;
border-color: #adadad;
}
&:active {
background-color: #d4d4d4;
border-color: #8c8c8c;
}