✨feature: Post cards built

styles/components/post-list.css

@@ -1,32 +1,39 @@
 /* Blog/post index listing styles */
 
-.post-list__h1 {
-    color: var(--color-cwc-blue-01);
-    font-family: var(--font-quincy, 'Quincy', serif);
-    font-size: var(--h1);
-    font-weight: 700;
-    line-height: 1.2;
-    margin: 0 0 2rem;
-    text-align: left;
-}
+.post-list__post { overflow: hidden; }
 
-.post-list__post {
-    border-color: var(--color-cwc-blue-03);
-    overflow: hidden;
-}
-
-.post-list__img {
-    border-bottom: 0;
-}
+.post-list__img { border-bottom: 0; }
 
 .post-list__details {
-    background: var(--color-cwc-blue-03);
+    background: color-mix(in oklch, var(--color-cwc-blue-03) 80%, white);
     color: var(--color-cwc-blue-01);
 }
 
 .post-list__title {
     color: var(--color-cwc-blue-01);
     font-weight: 700;
+    line-height: 1.1;
+
+    a {
+        color: var(--color-cwc-blue-01);
+        text-decoration: none;
+
+        &::after {
+            background: var(--color-secondary);
+            content: "";
+            display: block;
+            height: 4px;
+            margin-top: 0.45rem;
+            width: 3rem;
+        }
+    }
+}
+
+.post-list__excerpt {
+    color: var(--color-dark);
+    font-size: var(--text-18px);
+    font-weight: 300;
+    line-height: 1.5;
 }
 
 .post-list__byline {
@@ -42,5 +49,5 @@
 }
 
 .post-list__read-more:hover {
-    text-decoration: underline;
+
 }