'better' CSS

[cx.git] / public / design / css / style.css

diff --git a/public/design/css/style.css b/public/design/css/style.css
index 7d21a2bc12c57edd526f9a6b4421aedb54b8ccc1..8393d4adb716cec82172102f459686f6f03c8013 100644 (file)
--- 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) {
@@ -145,16 +153,16 @@ article img {
   width: 100%;
   min-height: 20rem;
   max-height: 40vh;
-  object-fit: scale-down; /*cover;*/
-  margin: 2rem auto;
+  object-fit: cover;
+  margin: 0 auto 1rem !important;
 }
 
-@supports (aspect-ratio: 1) {
+/*@supports (aspect-ratio: 1) {
   article img {
     max-height: unset;
     aspect-ratio: 3/2;
   }
-}
+}*/
 
 /* Supporting Content */