hover and focus, sample data handling, skip to content link, more
This commit is contained in:
18
css/main.css
18
css/main.css
@ -36,7 +36,6 @@ body {
|
||||
|
||||
main {
|
||||
padding-bottom: 2rem;
|
||||
border-bottom: solid var(--color-pink);
|
||||
}
|
||||
|
||||
@media (max-width: 1050px) {
|
||||
@ -83,12 +82,29 @@ p {
|
||||
|
||||
a {
|
||||
color: var(--color-cyan);
|
||||
text-decoration-thickness: .1rem;
|
||||
transition: text-decoration-thickness .5s;
|
||||
border-radius: .05rem;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: var(--color-pink);
|
||||
}
|
||||
|
||||
@media (any-hover: hover) {
|
||||
a:hover {
|
||||
text-decoration-thickness: .2rem;
|
||||
}
|
||||
}
|
||||
|
||||
a:focus-visible {
|
||||
outline: solid var(--color-pink);
|
||||
}
|
||||
|
||||
a:visited:focus-visible {
|
||||
outline-color: var(--color-cyan);
|
||||
}
|
||||
|
||||
main ul {
|
||||
margin-left: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
Reference in New Issue
Block a user