mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-17 02:54:01 +02:00
Code Issues Releases Wiki Activity

Revamp dropdown item states

Browse Source 
- Removes the plain-hover-focus mixin from active and disabled states; no need for them.
- Adds :active and :disabled since we can use button elements here, too.
- Wrap the disabled background-image override in an -gradients condition.
This commit is contained in:
Mark Otto
2016-12-28 00:20:06 -08:00
committed by Mark Otto
parent d6fa9f5a6c
commit 9ce5fb5817
1 changed files with 13 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
scss/_dropdown.scss
View File

@@ -81,30 +81,21 @@
background-color: $dropdown-link-hover-bg; background-color: $dropdown-link-hover-bg;
} }
// Active state &.active,
&.active { &:active {
@include plain-hover-focus { color: $dropdown-link-active-color;
color: $dropdown-link-active-color; text-decoration: none;
text-decoration: none; background-color: $dropdown-link-active-bg;
background-color: $dropdown-link-active-bg;
outline: 0;
}
} }
// Disabled state &.disabled,
// &:disabled {
// Gray out text and ensure the hover/focus state remains gray color: $dropdown-link-disabled-color;
&.disabled { cursor: $cursor-disabled;
@include plain-hover-focus { background-color: transparent;
color: $dropdown-link-disabled-color; // Remove CSS gradients if they're enabled
} @if $enable-gradients {
background-image: none;
// Nuke hover/focus effects
@include hover-focus {
text-decoration: none;
cursor: $cursor-disabled;
background-color: transparent;
background-image: none; // Remove CSS gradient
} }
} }
} }