.ancillary { font-size: 1.25rem; blockquote, iframe { margin-bottom: 1.25rem; } h1, h2, h3, h4, h5 { + blockquote, + hr, + iframe, + img, + pre, + video, + .button { margin-top: 0.25rem; } + footer, + form, + h1, + h2, + h3, + h4, + h5, + ol, + p, + ul { margin-top: 0.25rem; } + .button { display: inline-block; } } ol, p, ul { + blockquote, + hr, + iframe, + img, + pre, + video, + .button { margin-top: 1.25rem; } + footer, + form, + h1, + h2, + h3, + h4, + h5, + ol, + p, + ul { margin-top: 1.25rem; } + .button { display: inline-block; } } ol, p, ul { line-height: 1.55; img { display: flex; max-height: 75vh; + em { display: block; font-size: 0.8rem; font-style: italic; line-height: 1.33; margin-right: auto; margin-left: auto; padding-top: 1rem; text-align: center; width: 80%; } } .img--constrained img { max-height: 50vh; } code { background-color: var(--lbry-black); color: var(--lbry-white); display: initial; font-size: 0.8rem; font-style: normal; padding: 0.2rem 0.5rem; position: relative; top: -0.1rem; overflow-wrap: break-word; } } ol, ul { list-style-position: outside; li { list-style-position: inherit; &:not(:first-of-type) { margin-top: 0.5rem; } &:not(:last-of-type) { p:last-of-type { margin-bottom: 1rem; } } ol, ul { padding-top: 1rem; padding-left: 1rem; li:not(:last-of-type) { margin-bottom: 0.5rem; } } p { &:not(:first-of-type) { padding-top: 0.5rem; padding-left: 1.25rem; } } table { display: inline-block; padding-left: 1.25rem; } } } ul { &:not(.bulletless) { list-style-type: disc; padding-left: 1.3rem; } } > p { > br { display: none; } } p { &:empty { display: none; } img { margin-right: auto; margin-left: auto; } } iframe { min-height: 500px; width: 100%; } pre { margin-top: 1.25rem; } blockquote { padding: 1rem 0 1rem 2rem; position: relative; &::before { width: 0.5rem; height: 100%; top: 0; left: 0; background-image: linear-gradient(250deg, var(--lbry-teal-2), var(--lbry-blue-3) 100%); content: ""; position: absolute; } } a { &:not([class^=button]) { transition: color 0.2s; &:not(:hover) { color: var(--lbry-teal-5); } &:hover { color: var(--lbry-teal-3); } } &[class^=button] { font-size: 1rem; } } figure { margin-bottom: 2rem; padding-top: 1rem; align-items: center; display: flex; flex-direction: column; img { width: 100%; height: 100%; min-width: 12rem; min-height: 12rem; margin-bottom: 1rem; object-fit: contain; &:not(.tall) { max-height: 25rem; } &.tall { max-height: 50rem; } } } figcaption { font-size: 0.8rem; font-style: italic; line-height: 1.33; text-align: center; width: 80%; } footer { font-size: 0.8rem; line-height: 1.33; } table { margin-bottom: 1rem; padding-top: 1rem; td { &:first-child { white-space: nowrap; } min-width: 150px; border-right: 1px solid var(--lbry-gray-1); &:last-child { border-right: 0 none; } } ul { margin: 0 !important; padding: 0 !important; li { margin: 0 !important; padding: 0 !important; } } } video { + p { margin-top: 1.25rem; } } }