diff --git a/style/base.css b/style/base.css index 0e3e4c5..06e869d 100644 --- a/style/base.css +++ b/style/base.css @@ -100,7 +100,7 @@ textarea { } } -img, video { +img, video, object { max-width: 100%; max-height: 100%; object-fit: contain; @@ -167,27 +167,33 @@ img, video { /* Quotes */ blockquote { + --_accent-color: var(--accent-color, var(--color-accent-1)); position: relative; font-style: italic; max-width: calc(80vw - 4.5em); + margin-inline-start: 3em; + line-height: 1.3; + text-wrap: balance; + hanging-punctuation: first allow-end last; &::before { content: "❝"; position: absolute; right: 100%; - top: -.3em; - margin-right: .2em; + top: -.25em; + margin-right: .7rem; font-size: 300%; - color: var(--color-accent-1); + color: var(--_accent-color); font-style: normal; } .cite { + margin-block-start: 1rem; text-align: right; font-style: normal; font-size: 60%; font-weight: bold; - color: var(--color-accent-1); + color: var(--_accent-color); &::before { content: "— " diff --git a/style/partials/code.css b/style/partials/code.css index ae37739..d514e5b 100644 --- a/style/partials/code.css +++ b/style/partials/code.css @@ -1,12 +1,13 @@ code, textarea, pre { margin: 0; - font: 100%/1.5em var(--font-mono); + font: 100%/1.5 var(--font-mono); tab-size: 4; color: inherit; } pre > code { font-size: inherit; + line-height: inherit; } code mark {