From: Ben Sherratt <redacted>
Date: Wed, 26 Jul 2023 12:41:44 +0000 (+0900)
Subject: 'better' CSS
X-Git-Url: https://git.bts.cx/cx.git/commitdiff_plain/b01ea46d5c7adbc948b43c7804e40e2aaa7be5db?ds=sidebyside

'better' 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 */