X-Git-Url: https://git.bts.cx/cx.git/blobdiff_plain/10ccceaf5320c3797e4ec46250ab7fc9002447fa..b01ea46d5c7adbc948b43c7804e40e2aaa7be5db:/public/design/css/style.css diff --git a/public/design/css/style.css b/public/design/css/style.css index f019473..8393d4a 100644 --- a/public/design/css/style.css +++ b/public/design/css/style.css @@ -103,6 +103,13 @@ article > h1 + .updated { margin-top: 0; } +hr { + width: 80%; + margin: 4em auto; + border: 0; + height: 1px; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); +} /* Typography */ :is(h1, h2, h3) { @@ -118,6 +125,7 @@ article > h1 + .updated { .updated { font-size: 0.8em; color: #aaa; + margin: 0 !important; } :is(h2, h3):not(:first-child) { @@ -143,8 +151,18 @@ article + article { article img { display: block; width: 100%; - margin: 2rem auto; -} + min-height: 20rem; + max-height: 40vh; + object-fit: cover; + margin: 0 auto 1rem !important; +} + +/*@supports (aspect-ratio: 1) { + article img { + max-height: unset; + aspect-ratio: 3/2; + } +}*/ /* Supporting Content */