refine skip button
This commit is contained in:
@ -23,7 +23,7 @@ const constructMenuLink = function(title, href) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const constructSkipLink = function() {
|
const constructSkipLink = function() {
|
||||||
const a = constructMenuLink("skip", "#main");
|
const a = constructMenuLink("skip to main", "#main");
|
||||||
a.id = "skip";
|
a.id = "skip";
|
||||||
|
|
||||||
return a;
|
return a;
|
||||||
|
|||||||
@ -58,6 +58,13 @@ nav button:focus-visible {
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (any-hover: hover) {
|
||||||
|
#skip:hover {
|
||||||
|
color: var(--color-bg);
|
||||||
|
background-color: var(--color-accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#current-page {
|
#current-page {
|
||||||
border-right-width: .5rem;
|
border-right-width: .5rem;
|
||||||
border-left-width: .5rem;
|
border-left-width: .5rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user