diff options
| author | Chris Rebert <[email protected]> | 2015-01-01 01:05:01 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-01-22 11:37:37 -0800 |
| commit | 8e374bd010a6db00acf3cb51b14788d7bf9ba097 (patch) | |
| tree | d9e4db80876dfecfee4a0c182976f7533eaec15d /scss/_list-group.scss | |
| parent | c0f4dcd38e72f84f1fbf7828f346686acd1117f7 (diff) | |
| download | bootstrap-8e374bd010a6db00acf3cb51b14788d7bf9ba097.tar.xz bootstrap-8e374bd010a6db00acf3cb51b14788d7bf9ba097.zip | |
put all :hover styles within @media (hover: hover)
Diffstat (limited to 'scss/_list-group.scss')
| -rw-r--r-- | scss/_list-group.scss | 61 |
1 files changed, 30 insertions, 31 deletions
diff --git a/scss/_list-group.scss b/scss/_list-group.scss index 58767105d..f1af67640 100644 --- a/scss/_list-group.scss +++ b/scss/_list-group.scss @@ -51,8 +51,7 @@ a.list-group-item { } // Hover state - &:hover, - &:focus { + @include hover-focus { color: $list-group-link-hover-color; text-decoration: none; background-color: $list-group-hover-bg; @@ -61,39 +60,39 @@ a.list-group-item { .list-group-item { // Disabled state - &.disabled, - &.disabled:hover, - &.disabled:focus { - color: $list-group-disabled-color; - cursor: $cursor-disabled; - background-color: $list-group-disabled-bg; - - // Force color to inherit for custom content - .list-group-item-heading { - color: inherit; - } - .list-group-item-text { - color: $list-group-disabled-text-color; + &.disabled { + @include plain-hover-focus { + color: $list-group-disabled-color; + cursor: $cursor-disabled; + background-color: $list-group-disabled-bg; + + // Force color to inherit for custom content + .list-group-item-heading { + color: inherit; + } + .list-group-item-text { + color: $list-group-disabled-text-color; + } } } // Active class on item itself, not parent - &.active, - &.active:hover, - &.active:focus { - z-index: 2; // Place active items above their siblings for proper border styling - color: $list-group-active-color; - background-color: $list-group-active-bg; - border-color: $list-group-active-border; - - // Force color to inherit for custom content - .list-group-item-heading, - .list-group-item-heading > small, - .list-group-item-heading > .small { - color: inherit; - } - .list-group-item-text { - color: $list-group-active-text-color; + &.active { + @include plain-hover-focus { + z-index: 2; // Place active items above their siblings for proper border styling + color: $list-group-active-color; + background-color: $list-group-active-bg; + border-color: $list-group-active-border; + + // Force color to inherit for custom content + .list-group-item-heading, + .list-group-item-heading > small, + .list-group-item-heading > .small { + color: inherit; + } + .list-group-item-text { + color: $list-group-active-text-color; + } } } } |