add `.suppressed` link class (#29847)

Extract from https://github.com/go-gitea/gitea/pull/29344. With this
class it's possible to have links that don't color on hover. It will be
useful for https://github.com/go-gitea/gitea/pull/29429.
This commit is contained in:
silverwind 2024-03-16 17:58:58 +01:00 committed by GitHub
parent 21fe512aac
commit ffeaf2d0bd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 3 deletions

View File

@ -149,24 +149,32 @@ a {
text-decoration-skip-ink: all; text-decoration-skip-ink: all;
} }
/* muted link = only colored when hovered */ /* a = always colored, underlined on hover */
/* silenced link = never colored */ /* a.muted = colored on hover, underlined on hover */
/* a.suppressed = never colored, underlined on hover */
/* a.silenced = never colored, never underlined */
a.muted, a.muted,
a.suppressed,
a.silenced, a.silenced,
.muted-links a { .muted-links a {
color: inherit; color: inherit;
} }
a:hover, a:hover,
a.suppressed:hover,
a.muted:hover, a.muted:hover,
a.muted:hover [class*="color-text"], a.muted:hover [class*="color-text"],
.muted-links a:hover { .muted-links a:hover {
color: var(--color-primary); color: var(--color-primary);
} }
a.silenced:hover { a.silenced:hover,
a.suppressed:hover {
color: inherit; color: inherit;
}
a.silenced:hover {
text-decoration: none; text-decoration: none;
} }