Automerge backed Markdown editor for the Atmosphere
Something went wrong. Try again.
1.3 kB · 36 lines
CSS
at main
12345678910111213141516171819202122232425262728293031323334353637.reams-type-chip { --reams-type-chip-text: var(--text-secondary); --reams-tag-chip-color: var(--reams-type-chip-text); display: inline-flex; align-items: center; gap: 0; min-width: 0; max-width: 100%; padding: 2px 6px; border: 1px solid var(--border-color); border-radius: 0; background: var(--bg-hover); color: var(--reams-type-chip-text); font-size: 0.85em; white-space: nowrap;}
/* Same prefix spacing and color as .reams-tag-chip-prefix::before, but real * text so selecting or copying a Type chip preserves its # marker. */.reams-type-chip-prefix { display: inline-block; margin-right: 0.15em; color: var(--reams-tag-chip-color);}
.reams-type-chip[data-colored] { /* Tint the surrounding surface, rather than darkening the saved color. */ background: color-mix(in oklch, var(--reams-type-color) 18%, transparent); border-color: color-mix(in oklch, var(--reams-type-color) 45%, var(--border-color)); /* Keep most of the theme's readable text color, even for very dark swatches. */ --reams-type-chip-text: color-mix(in oklch, var(--reams-type-color) 25%, var(--text-primary));}
.reams-type-chip[data-colored]:hover { background: color-mix(in oklch, var(--reams-type-color) 26%, transparent);}