| @@ -492,8 +492,34 @@ | ||
| 492 | 492 | font-size: 11px; |
| 493 | 493 | opacity: 0.6; |
| 494 | 494 | } |
| 495 | 495 | |
| 496 | +.os-constellation__row-offsite { | |
| 497 | + flex: 0 0 auto; | |
| 498 | + font-size: 14px; | |
| 499 | + width: 14px; | |
| 500 | + height: 14px; | |
| 501 | + opacity: 0.55; | |
| 502 | +} | |
| 503 | + | |
| 504 | +/* | |
| 505 | + * Reaches screen readers, never the eye. It rides beside the row's own | |
| 506 | + * label so the accessible name reads "Docs (opens in a new tab)"; an | |
| 507 | + * `aria-label` on the row would have replaced that name rather than | |
| 508 | + * extended it, taking the label and any plugin-appended meta with it. | |
| 509 | + */ | |
| 510 | +.os-constellation__row-note { | |
| 511 | + position: absolute; | |
| 512 | + width: 1px; | |
| 513 | + height: 1px; | |
| 514 | + margin: -1px; | |
| 515 | + padding: 0; | |
| 516 | + border: 0; | |
| 517 | + overflow: hidden; | |
| 518 | + white-space: nowrap; | |
| 519 | + clip-path: inset( 50% ); | |
| 520 | +} | |
| 521 | + | |
| 496 | 522 | /* ---- Head -------------------------------------------------------- */ |
| 497 | 523 | |
| 498 | 524 | .os-constellation__head { |
| 499 | 525 | gap: 12px; |
