Commit 79af93866bf1186fe0a4ef8fb51c85d4eafc6628
Simplify link selectors and increase their consistency
In practice we don't need to declare :link and :visited separately. Hover styles for images in links now apply when the link is hovered, not just the image.Grey Nicholson committed on 5/11/2022, 11:28:14 PM
Parent: 10610af823778d691f4bb1a37154d5976c0c2ae9
Files changed
| static/style/tarazed.css | changed |
| static/style/tarazed.css | |||
|---|---|---|---|
| @@ -185,36 +185,29 @@ | |||
| 185 | 185 … | max-width: 49%; | |
| 186 | 186 … | margin-left: 2%; | |
| 187 | 187 … | } | |
| 188 | 188 … | ||
| 189 | -:link, | ||
| 190 | -:visited { | ||
| 189 … | +a { | ||
| 191 | 190 … | text-decoration: none; | |
| 192 | 191 … | color: var(--primary-color); | |
| 193 | 192 … | } | |
| 194 | 193 … | ||
| 195 | -:link, | ||
| 196 | -:visited, | ||
| 197 | -nav :link strong, | ||
| 198 | -nav :visited strong { | ||
| 194 … | +a, | ||
| 195 … | +nav a strong { | ||
| 199 | 196 … | text-decoration: underline; | |
| 200 | 197 … | text-decoration-thickness: max(1px, 0.0625rem); | |
| 201 | 198 … | } | |
| 202 | 199 … | ||
| 203 | -:link:hover, | ||
| 204 | -:visited:hover, | ||
| 205 | -nav :link:hover strong, | ||
| 206 | -nav :visited:hover strong { | ||
| 200 … | +a:hover, | ||
| 201 … | +nav a:hover strong { | ||
| 207 | 202 … | text-decoration-thickness: max(2px, 0.125rem); | |
| 208 | 203 … | } | |
| 209 | 204 … | ||
| 210 | -:link:focus, | ||
| 211 | -:visited:focus { | ||
| 205 … | +a:focus { | ||
| 212 | 206 … | outline: max(2px, 0.125rem) solid; | |
| 213 | 207 … | } | |
| 214 | 208 … | ||
| 215 | -:link:active, | ||
| 216 | -:visited:active { | ||
| 209 … | +a:active { | ||
| 217 | 210 … | color: var(--foreground-color); | |
| 218 | 211 … | } | |
| 219 | 212 … | ||
| 220 | 213 … | address { | |
| @@ -320,10 +313,10 @@ | |||
| 320 | 313 … | a object { | |
| 321 | 314 … | outline: max(1px, 0.0625rem) solid; | |
| 322 | 315 … | outline-offset: max(2px, 0.125rem); | |
| 323 | 316 … | } | |
| 324 | -a img:hover, | ||
| 325 | -a object:hover { | ||
| 317 … | +a:hover img, | ||
| 318 … | +a:hover object { | ||
| 326 | 319 … | outline: max(2px, 0.125rem) solid; | |
| 327 | 320 … | } | |
| 328 | 321 … | ||
| 329 | 322 … | nav { | |
| @@ -374,16 +367,12 @@ | |||
| 374 | 367 … | nav.menu li a { | |
| 375 | 368 … | display: inline; | |
| 376 | 369 … | outline-offset: 0; | |
| 377 | 370 … | } | |
| 378 | -nav > :link, | ||
| 379 | -nav > :link:hover, | ||
| 380 | -nav > :visited, | ||
| 381 | -nav > :visited:hover, | ||
| 382 | -nav:not(.menu) :link, | ||
| 383 | -nav:not(.menu) :link:hover, | ||
| 384 | -nav:not(.menu) :visited, | ||
| 385 | -nav:not(.menu) :visited:hover { | ||
| 371 … | +nav > a, | ||
| 372 … | +nav > a:hover, | ||
| 373 … | +nav:not(.menu) a, | ||
| 374 … | +nav:not(.menu) a:hover { | ||
| 386 | 375 … | text-decoration: none; | |
| 387 | 376 … | } | |
| 388 | 377 … | ||
| 389 | 378 … | ol, | |
Built with git-ssb-web