Automerge backed Markdown editor for the Atmosphere
Something went wrong. Try again.
1.6 kB · 52 lines
CSS
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253.reams-wikilink-chip { --reams-wikilink-chrome: color-mix(in srgb, var(--accent) 45%, var(--bg-primary)); display: inline-flex; align-items: center; padding: 0 0.25em; border-radius: var(--ui-radius); background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); text-decoration: underline; text-decoration-color: var(--reams-wikilink-chrome); text-underline-offset: 0.15em; vertical-align: baseline; /* List rows use a negative hanging `text-indent` for their source * marker. `text-indent` is inherited by inline widgets, so without this * reset the chip label starts one list gutter too far left and its first * character paints over the preceding list text. */ text-indent: 0; user-select: none;}
.reams-wikilink-chip::before { content: '[['; color: var(--reams-wikilink-chrome);}
.reams-wikilink-chip::after { content: ']]'; color: var(--reams-wikilink-chrome);}
.reams-wikilink-chip:hover { background: color-mix(in srgb, var(--accent) 20%, transparent); color: var(--accent-hover);}
.reams-wikilink-chip.reams-wikilink-unresolved,.reams-wikilink-chip.cm-wikilink-unresolved { background: transparent; color: color-mix(in srgb, var(--accent) 60%, var(--text-secondary)); text-decoration: underline dotted; text-decoration-thickness: 1px;}
.reams-wikilink-chip.reams-wikilink-unresolved:hover,.reams-wikilink-chip.cm-wikilink-unresolved:hover { background: color-mix(in srgb, var(--accent) 8%, transparent); color: var(--accent);}
.cm-wikilink-chip { cursor: pointer;}