Initial Build

assets/styles/scss/front/_posts.scss

@@ -0,0 +1,73 @@
+@use '../shared/colors' as colors;
+
+.posts {
+    display: block;
+    h2, h3 {
+        position: relative;
+        margin: 0;
+        width: fit-content;
+        
+        &:after {
+            content: '';
+            display: block;
+            
+            width: 75px;
+            height: 5px;
+            
+            background-color: colors.$computerBorder;
+        }
+    }
+    .intro {
+        //color: colors.$primaryWhite;
+    }
+
+    .list {
+        padding-top: 1rem;
+        border-top: 5px solid colors.$primaryYellow;
+
+        .post {
+
+            a {
+                .title {
+                    padding: 0.5rem 0;
+                }
+
+                &:hover {
+                    text-decoration: underline;
+                    text-decoration-color: colors.$computerBorder;
+                }
+            }
+        }
+    }
+}
+
+.post {
+    display: block;
+
+    .title {
+        margin: 0.5rem 0;
+    }
+
+    .meta {
+        padding-bottom: 1rem;
+
+        border-bottom: 5px solid colors.$computerBorder;
+        
+        .admin-actions {
+            padding-bottom: 1rem;
+        }
+
+        .published {
+            font-size: 1.125rem;
+        }
+
+        .category {
+            font-size: 1.125rem;
+        }
+    }
+
+    .text p {
+        font-size: 1.25rem;
+        line-height: 1.5;
+    }
+}