nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-27 01:33:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

theme: improve discovering links on keyboard navigation #726

Browse source
This commit is contained in:
Sören Weber 2023-11-18 23:56:57 +01:00
parent 32d5fd5d56
commit 529daea637
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
2 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/css/ie.css
View file

@ -264,8 +264,14 @@
} }
a:hover, a:hover,
a:active,
a:focus,
.anchor:hover, .anchor:hover,
.topbar-button button:hover { .anchor:active,
.anchor:focus,
.topbar-button button:hover,
.topbar-button button:active,
.topbar-button button:focus{
color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */ color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
} }

16
static/css/variant.css
View file

@ -18,8 +18,14 @@ a,
} }
a:hover, a:hover,
a:active,
a:focus,
.anchor:hover, .anchor:hover,
.topbar-button button:hover { .anchor:active,
.anchor:focus,
.topbar-button button:hover,
.topbar-button button:active,
.topbar-button button:focus{
color: var(--INTERNAL-MAIN-LINK-HOVER-color); color: var(--INTERNAL-MAIN-LINK-HOVER-color);
} }
@ -411,7 +417,9 @@ article ul > li > input[type="checkbox"] {
#R-body .tab-nav-button { #R-body .tab-nav-button {
color: var(--INTERNAL-MAIN-LINK-color); color: var(--INTERNAL-MAIN-LINK-color);
} }
#R-body .tab-nav-button:not(.active):hover { #R-body .tab-nav-button:not(.active):hover,
#R-body .tab-nav-button:not(.active):active,
#R-body .tab-nav-button:not(.active):focus {
color: var(--INTERNAL-MAIN-LINK-HOVER-color); color: var(--INTERNAL-MAIN-LINK-HOVER-color);
} }
@ -427,7 +435,9 @@ article ul > li > input[type="checkbox"] {
#R-body .tab-nav-button.active > .tab-nav-text{ #R-body .tab-nav-button.active > .tab-nav-text{
background-color: var(--VARIABLE-BOX-BG-color); background-color: var(--VARIABLE-BOX-BG-color);
} }
#R-body .tab-nav-button:not(.active) > .tab-nav-text:hover { #R-body .tab-nav-button:not(.active):hover > .tab-nav-text,
#R-body .tab-nav-button:not(.active):active > .tab-nav-text,
#R-body .tab-nav-button:not(.active):focus > .tab-nav-text {
border-bottom-color: var(--INTERNAL-MAIN-LINK-HOVER-color); border-bottom-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
} }