Drop the focus ring on the confirmation region
This commit is contained in:
parent
d54d872090
commit
776364ba74
1 changed files with 3 additions and 0 deletions
|
|
@ -460,6 +460,9 @@ form { margin-top: 2rem; }
|
||||||
.qr-title { font-family: "Space Grotesk", sans-serif; font-weight: 600; color: var(--text); margin-bottom: 0.3rem; }
|
.qr-title { font-family: "Space Grotesk", sans-serif; font-weight: 600; color: var(--text); margin-bottom: 0.3rem; }
|
||||||
.qr-copy p { font-size: 0.9rem; color: var(--muted); }
|
.qr-copy p { font-size: 0.9rem; color: var(--muted); }
|
||||||
|
|
||||||
|
/* Focused programmatically so screen readers land on it. It is a region, not a
|
||||||
|
control, so it should not paint a focus ring. */
|
||||||
|
.rsvp-done:focus, .rsvp-done:focus-visible { outline: none; }
|
||||||
.rsvp-done h3 { font-size: 1.4rem; font-weight: 700; }
|
.rsvp-done h3 { font-size: 1.4rem; font-weight: 700; }
|
||||||
.rsvp-done p { margin: 0.8rem 0 1.2rem; color: var(--muted); }
|
.rsvp-done p { margin: 0.8rem 0 1.2rem; color: var(--muted); }
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue