Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/crutchcorn/hearthspace-ui-experiments. crutchcorn.github.io/hearthspace-ui-experiments
Something went wrong. Try again.
1.0 kB · 62 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263.formats { min-width: 0; margin: 0; padding: 4px 0; border: 0;}
.formats legend { padding: 8px 10px 4px; color: var(--chrome-muted); font-size: 11px;}
.choice { display: grid; min-height: 52px; grid-template-columns: 14px minmax(0, 1fr); align-items: center; gap: 10px; padding: 8px 10px; border-radius: calc( var(--radius-panel) - var(--shell-padding) - var(--shell-border-width) ); color: var(--chrome-text); cursor: pointer;}
.choice:hover { background: var(--chrome-hover);}
.choice:has(input:checked) { background: var(--accent-soft); color: var(--accent);}
.choice:focus-within { outline: 2px solid var(--accent); outline-offset: -2px;}
.choice input { width: 14px; height: 14px; margin: 0; accent-color: var(--accent);}
.copy { display: flex; min-width: 0; flex-direction: column; gap: 3px; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere;}
.preview { color: var(--chrome-muted); font-variant-numeric: tabular-nums;}