Something went wrong. Try again.
A social knowledge tool for research trails, built on ATProto semble.so
research-tool social-network tools-for-thought atproto
Something went wrong. Try again.
3.3 kB · 159 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160/* ── Article body typography ── */
.readerContent :global(p) { margin: 0 0 1.3em;}
.readerContent :global(h1),.readerContent :global(h2),.readerContent :global(h3),.readerContent :global(h4),.readerContent :global(h5),.readerContent :global(h6) { font-weight: 700; line-height: 1.3; margin: 1.75em 0 0.5em;}
.readerContent :global(h1) { font-size: 1.6em;}.readerContent :global(h2) { font-size: 1.35em;}.readerContent :global(h3) { font-size: 1.15em;}.readerContent :global(h4) { font-size: 1em;}
.readerContent :global(a) { color: var(--mantine-color-blue-6); text-decoration: underline; text-underline-offset: 3px;}
.readerContent :global(a:hover) { color: var(--mantine-color-blue-8); background: light-dark( var(--mantine-color-blue-0), var(--mantine-color-dark-5) ); border-radius: 4px;}
.readerContent :global(blockquote) { border-left: 3px solid light-dark(var(--mantine-color-gray-4), var(--mantine-color-dark-3)); margin: 1.5em 0; padding: 0.4em 1.25em; color: var(--mantine-color-dimmed); font-style: italic;}
.readerContent :global(pre) { background: light-dark( var(--mantine-color-gray-0), var(--mantine-color-dark-8) ); border: 1px solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5)); border-radius: 8px; padding: 1em 1.25em; overflow-x: auto; font-size: 0.875em; line-height: 1.6; margin: 1.5em 0; white-space: pre; tab-size: 2; font-family: var(--mantine-font-family-monospace, monospace);}
.readerContent :global(code),.readerContent :global(kbd),.readerContent :global(samp) { background: light-dark( var(--mantine-color-gray-1), var(--mantine-color-dark-6) ); border-radius: 4px; padding: 0.15em 0.4em; font-size: 0.875em; font-family: var(--mantine-font-family-monospace, monospace); overflow-wrap: anywhere;}
.readerContent :global(pre code),.readerContent :global(pre samp) { background: none; border-radius: 0; padding: 0; font-size: inherit; overflow-wrap: normal;}
.readerContent :global(ul),.readerContent :global(ol) { padding-left: 1.75em; margin: 0 0 1.3em;}
.readerContent :global(li) { margin-bottom: 0.4em;}
.readerContent :global(li > ul),.readerContent :global(li > ol) { margin-top: 0.3em; margin-bottom: 0;}
.readerContent :global(img) { max-width: 100%; height: auto; border-radius: 8px; margin: 1.5em 0; display: block;}
.readerContent :global(figure) { margin: 1.75em 0;}
.readerContent :global(figcaption) { font-size: 0.8125em; color: var(--mantine-color-dimmed); text-align: center; margin-top: 0.6em;}
.readerContent :global(hr) { border: none; border-top: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4)); margin: 2em 0;}
.readerContent :global(table) { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 0.9375em;}
.readerContent :global(th),.readerContent :global(td) { border: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4)); padding: 0.5em 0.75em; text-align: left;}
.readerContent :global(th) { background: light-dark( var(--mantine-color-gray-0), var(--mantine-color-dark-6) ); font-weight: 600;}