diff options
| author | Mark Otto <[email protected]> | 2013-09-01 11:00:40 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-09-01 11:00:40 +0200 |
| commit | 62477653e70270ec386207f5d2d9fcfa0c66fc75 (patch) | |
| tree | 8e59c69e1f46212c6d73851ea7c1f14f98ff5dc4 /less | |
| parent | e8f7d4fcef07a09c2ef767149d7e93a727b3732e (diff) | |
| download | bootstrap-62477653e70270ec386207f5d2d9fcfa0c66fc75.tar.xz bootstrap-62477653e70270ec386207f5d2d9fcfa0c66fc75.zip | |
fixes #10111: different colors for dropdown link hover and active states
Diffstat (limited to 'less')
| -rw-r--r-- | less/theme.less | 9 | ||||
| -rw-r--r-- | less/variables.less | 8 |
2 files changed, 10 insertions, 7 deletions
diff --git a/less/theme.less b/less/theme.less index 32c806696..71d1d1e6b 100644 --- a/less/theme.less +++ b/less/theme.less @@ -84,12 +84,15 @@ // -------------------------------------------------- .dropdown-menu > li > a:hover, -.dropdown-menu > li > a:focus, +.dropdown-menu > li > a:focus { + #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%)); + background-color: darken(@dropdown-link-hover-bg, 5%); +} .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { - #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%)); - background-color: darken(@dropdown-link-hover-bg, 5%); + #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%)); + background-color: darken(@dropdown-link-active-bg, 5%); } diff --git a/less/variables.less b/less/variables.less index 90b9b2397..9963e67b5 100644 --- a/less/variables.less +++ b/less/variables.less @@ -174,13 +174,13 @@ @dropdown-fallback-border: #ccc; @dropdown-divider-bg: #e5e5e5; +@dropdown-link-color: @gray-dark; +@dropdown-link-hover-color: darken(@gray-dark, 5%); +@dropdown-link-hover-bg: #f5f5f5; + @dropdown-link-active-color: #fff; @dropdown-link-active-bg: @component-active-bg; -@dropdown-link-color: @gray-dark; -@dropdown-link-hover-color: #fff; -@dropdown-link-hover-bg: @dropdown-link-active-bg; - @dropdown-link-disabled-color: @gray-light; @dropdown-header-color: @gray-light; |