Mercurial > p > roundup > code
comparison website/www/_static/style.css @ 7519:c1ef0827705a
Clamp link underline to max 4px
Clamp link underline between 1 and 4px. For headers the underline was
6+px and was intersecting the letterforms when the header line
wrapped.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Tue, 04 Jul 2023 20:27:51 -0400 |
| parents | 055f47b41b8b |
| children | 4c85e3e16dfe |
comparison
equal
deleted
inserted
replaced
| 7518:060fd6366655 | 7519:c1ef0827705a |
|---|---|
| 176 | 176 |
| 177 /* style */ | 177 /* style */ |
| 178 | 178 |
| 179 :link { color: rgb(220,0,0); text-decoration: none;} | 179 :link { color: rgb(220,0,0); text-decoration: none;} |
| 180 :link:hover { | 180 :link:hover { |
| 181 text-decoration: underline solid .3ex; | 181 text-decoration: underline solid clamp(1px, .3ex, 4px); |
| 182 text-underline-position: under; | 182 text-underline-position: under; |
| 183 } | 183 } |
| 184 :visited { color: rgb(200,0,0); text-decoration: none;} | 184 :visited { color: rgb(200,0,0); text-decoration: none;} |
| 185 :visited:hover { | 185 :visited:hover { |
| 186 /* would like to change from solid line to dashed, but | 186 /* would like to change from solid line to dashed, but |