Modification to blog style and date formats

1 files changed, 34 insertions, 4 deletions

diff --git a/assets/scss/web/_blog.scss b/assets/scss/web/_blog.scss
index 89ff691..0b98d8f 100644
--- a/assets/scss/web/_blog.scss
+++ b/assets/scss/web/_blog.scss
@@ -3,24 +3,54 @@
   font-weight: 900;
   margin-top: 1cm;
 }
-.blog__date {
-}
 
 .posts {
-  font-size: 1.2rem;
+  font-size: 1.1rem;
   list-style: none;
+  @media (max-width: 780px) {
+    font-size: 1rem;
+    padding-left: 0%;
+    margin-left: 0%;
+  }
+}
+
+.post {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .post__link {
 }
 
+.post__date {
+  font-weight: bold;
+  .post__date_short {
+    display: none;
+  }
+  .post__date_long {
+    display: inline;
+  }
+  @media (max-width: 780px) {
+    .post__date_short {
+      display: inline;
+    }
+    .post__date_long {
+      display: none;
+    }
+  }
+}
+
 .post__content {
   margin-bottom: 2cm;
   h1, h2, h3, h4, h5, h6 {
     margin-bottom: 0px;
   }
   h1 {
-    font-size: 2rem;
+    font-size: 1.6rem;
+  }
+  h2 {
+    font-size: 1.35rem;
   }
   blockquote {
     margin-left: 0;