.raw-content { & .root_theme_dark { --chroma-bg: rgba(255, 255, 255, 0.1); --chroma-base: #93a1a1; --chroma-c: #586e75; --chroma-01: #8ad200; --chroma-03: #3af; --chroma-05: #8eca03; --chroma-06: #dc322f; --chroma-07: #95d5e8; } word-break: break-word; & p, & blockquote { margin: 1rem 0; &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } /* imported comments have br instead of p */ & br { content: ''; display: block; margin-top: 1rem; } } & a { color: var(--color9); &:hover { color: var(--color33); text-decoration: none; } } & img { max-width: 100%; max-height: 300px; } & h1, & h2, & h3, & h4, & h5, & h6 { &:first-child { margin-top: 0; } } /* stylelint-disable-next-line no-descending-specificity */ & blockquote { padding: 12px 8px 12px 16px; border-left: 2px solid; } & table { display: block; overflow: auto; border-spacing: 0; border-collapse: collapse; & th { text-align: left; font-weight: 600; } & th, & td { padding: 6px 13px; } & tr { border-top: 1px solid var(--color43); } } & code { background-color: var(--chroma-bg); border-radius: 3px; color: var(--chroma-base); display: inline-block; font-size: 85%; line-height: 1.45; margin: 0; overflow: visible; padding: 0 0.4em; white-space: pre; word-break: normal; word-wrap: normal; } & pre { padding: 12px 16px 12px 18px; overflow-x: auto; overflow-y: hidden; tab-size: 2; word-wrap: normal; font-size: 85%; line-height: 1.45; border-radius: 3px; &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } & > code { background-color: transparent; padding: 0; } } & sup, & sub { & sup, & sub { vertical-align: middle; /* to prevent some visual cheats */ } } & hr { border-width: 0 0 1px 0; } }