Skip to content

Commit ffeaf2d

Browse files
authored
add .suppressed link class (#29847)
Extract from #29344. With this class it's possible to have links that don't color on hover. It will be useful for #29429.
1 parent 21fe512 commit ffeaf2d

File tree

1 file changed

+11
-3
lines changed

1 file changed

+11
-3
lines changed

web_src/css/base.css

+11-3
Original file line numberDiff line numberDiff line change
@@ -149,24 +149,32 @@ a {
149149
text-decoration-skip-ink: all;
150150
}
151151

152-
/* muted link = only colored when hovered */
153-
/* silenced link = never colored */
152+
/* a = always colored, underlined on hover */
153+
/* a.muted = colored on hover, underlined on hover */
154+
/* a.suppressed = never colored, underlined on hover */
155+
/* a.silenced = never colored, never underlined */
154156

155157
a.muted,
158+
a.suppressed,
156159
a.silenced,
157160
.muted-links a {
158161
color: inherit;
159162
}
160163

161164
a:hover,
165+
a.suppressed:hover,
162166
a.muted:hover,
163167
a.muted:hover [class*="color-text"],
164168
.muted-links a:hover {
165169
color: var(--color-primary);
166170
}
167171

168-
a.silenced:hover {
172+
a.silenced:hover,
173+
a.suppressed:hover {
169174
color: inherit;
175+
}
176+
177+
a.silenced:hover {
170178
text-decoration: none;
171179
}
172180

0 commit comments

Comments
 (0)