hedy
/
site
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix link colors on Safari 

Safari does not support wrapping selectors around media queries in CSS
it seems.
This commit is contained in:
hedy 2024-04-18 17:30:11 +08:00
parent ccfd592e02
commit 1bb6f19ed8
Signed by: hedy
GPG Key ID: B51B5A8D1B176372
1 changed files with 26 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
assets/main.css
View File

@ -447,21 +447,6 @@ main, #after-content {
padding: 0 5%; padding: 0 5%;
} }
/* Differentiating between normal content links and meta content links */
.meta a, footer a, #after-content a {
text-decoration: none;
@media (prefers-color-scheme: dark) {
color: var(--link-alt);
}
}
.meta a:hover, footer a:hover, #after-content a:hover {
color: var(--accent-light);
text-decoration: underline;
@media (prefers-color-scheme: dark) {
opacity: .75;
}
}
/* Tags */ /* Tags */
#after-content .tags a, #after-content .tags a:visited { #after-content .tags a, #after-content .tags a:visited {
padding: .2rem .5rem; padding: .2rem .5rem;
@ -470,7 +455,10 @@ main, #after-content {
} }
#after-content .tags a:hover { #after-content .tags a:hover {
text-decoration: none; text-decoration: none;
@media (prefers-color-scheme: light) { color: var(--text-light);
}
@media (prefers-color-scheme: light) {
#after-content .tags a:hover {
filter: brightness(95%); filter: brightness(95%);
} }
} }
@ -514,12 +502,34 @@ nav a:visited {
.post-meta a:visited, .meta a:visited, footer a:visited, .after-content a:visited { .post-meta a:visited, .meta a:visited, footer a:visited, .after-content a:visited {
color: var(--link-alt); color: var(--link-alt);
} }
main a:hover { main a:hover {
opacity: .75; opacity: .75;
} }
nav a#home:hover { nav a#home:hover {
opacity: .75; opacity: .75;
} }
/* Differentiating between normal content links and meta content links */
.meta a, footer a, #after-content a {
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
.meta a, footer a, #after-content a {
color: var(--link-alt);
}
}
.meta a:hover, footer a:hover, #after-content a:hover {
color: var(--accent-light);
text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
.meta a:hover, footer a:hover, #after-content a:hover {
opacity: .75;
}
}
a:focus, form:focus { a:focus, form:focus {
outline: 1px solid var(--border); outline: 1px solid var(--border);
text-decoration: none; text-decoration: none;