generated from inherentlee/11ty
hover thickness
This commit is contained in:
14
css/main.css
14
css/main.css
@ -27,6 +27,12 @@
|
|||||||
margin: 0; /* 2. Remove default margins */
|
margin: 0; /* 2. Remove default margins */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*:focus-visible {
|
||||||
|
outline-offset: .1rem;
|
||||||
|
outline: .1rem solid var(--color-accent);
|
||||||
|
border-radius: .25rem;
|
||||||
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
@ -111,6 +117,7 @@ p {
|
|||||||
a {
|
a {
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
text-decoration-thickness: .15rem;
|
text-decoration-thickness: .15rem;
|
||||||
|
transition: text-decoration-thickness .5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
@ -118,9 +125,10 @@ a:visited {
|
|||||||
text-decoration-color: var(--color-accent);
|
text-decoration-color: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
*:focus-visible {
|
@media (any-hover: hover) {
|
||||||
outline-offset: .1rem;
|
a:hover {
|
||||||
outline: .1rem solid var(--color-accent);
|
text-decoration-thickness: .25rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header/nav/footer */
|
/* Header/nav/footer */
|
||||||
|
|||||||
Reference in New Issue
Block a user