Modification to blog style and date formats

2 files changed, 36 insertions, 10 deletions

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index 7283ef4..c6149a4 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -45,12 +45,8 @@ body {
 }
 
 main {
-  margin-left: 2cm;
-  margin-right: 2cm;
-  @media (max-width: 812px) and (orientation: landscape), (max-width: 375px) {
-    margin-left: 1cm;
-    margin-right: 1cm;
-  }
+  margin-left: 1cm;
+  margin-right: 1cm;
 }
 
 a {
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;