.markdown-preview { > *:last-child { margin-bottom: 0; } // Headers h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: var(--font-weight-bold); margin-bottom: var(--spacing-medium); padding-top: var(--spacing-medium); } // Paragraphs p { svg { width: 1rem; height: 1rem; margin-left: 0.2rem; position: relative; top: 1px; } } // Strikethrough text del { } // Tables table { margin-bottom: 1.2rem; padding: var(--spacing-medium); word-break: normal; tr { td, th, td:first-of-type, th:first-of-type, td:last-of-type, th:last-of-type { padding: var(--spacing-medium); } } } // Image img { margin-bottom: var(--spacing-medium); padding-top: var(--spacing-medium); } // Horizontal Rule hr { margin-bottom: 2rem; position: relative; top: 1rem; } // Code blocks pre { white-space: normal; background: transparent; code { margin-bottom: var(--spacing-medium); padding: var(--spacing-medium); display: block; white-space: pre-wrap; } } // Inline code code { background-color: var(--color-blockquote); display: inline-block; margin: var(--spacing-miniscule); border-radius: 0.2rem; font-size: var(--font-small); padding: calc(var(--spacing-miniscule) - 4px) var(--spacing-miniscule); } a, button { display: inline-block; .button__label { white-space: normal; } } button { white-space: normal; text-align: left; } .preview-link { padding: 0; margin: 1rem 0; background-color: var(--color-primary-alt); border-left: 0.5rem solid var(--color-primary); display: block; align-items: center; word-break: break-all; overflow: hidden; .claim-preview { border: 0; background: transparent; } .media__subtitle { display: block; } } .preview-link__thumbnail { width: 12rem; } .preview-link__description { margin-top: var(--spacing-small); } }