Start applying styles to blog posts.

2023-12-19 19:23:56 -05:00
parent 050b426f6f
commit e193fcc2ba
4 changed files with 48 additions and 13 deletions
--- a/default_environment/stylesheet/main.css
+++ b/default_environment/stylesheet/main.css
@@ -0,0 +1,37 @@
+:root {
+    --main-max-width: 800px;
+}
+
+.page_centering {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.page_header {
+    width: 100%;
+    max-width: var(--main-max-width);
+    border-bottom: 0.2rem solid black;
+
+    .home_link {
+        font-size: 1.2rem;
+        font-weight: 600;
+        text-decoration: none;
+    }
+}
+
+.main_content {
+    width: 100%;
+    max-width: var(--main-max-width);
+    font-size: 1.2rem;
+}
+
+/* A stand-alone blog post (not in a blog stream). */
+.blog_post {
+    padding: 1rem 0 3rem 0;
+}
+
+.blog_post_title {
+    font-size: 2rem;
+    font-weight: 700;
+}