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.

(cherry picked from commit ffeaf2d0bd6c99c486aa7869779bb9ceb0aedad6)
This commit is contained in:
silverwind 2024-03-16 17:58:58 +01:00 committed by Earl Warren
parent 4db9cbc29c
commit b9ef8b7839
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00

View file

@ -160,24 +160,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;
} }