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:
parent
4db9cbc29c
commit
b9ef8b7839
1 changed files with 11 additions and 3 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue