opt: mobile style

2 files changed, 34 insertions, 15 deletions

diff --git a/assets/css/main.scss b/assets/css/main.scss
index dfe8ac4..18e9543 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -525,10 +525,14 @@ body {
     }
   }
 
-  .summary img {
-    margin: 0 auto;
-    display: block;
-    max-height: 20em;
+  .summary {
+    overflow: hidden;
+    word-break: break-word;
+    img {
+      margin: 0 auto;
+      display: block;
+      max-height: 20em;
+    }
   }
 
   .post_content {
@@ -1167,13 +1171,16 @@ body {
     .header_container {
       padding: 0;
 
-      .sitetitle {
-        font-size: 3em;
+      h1.sitetitle {
+        font-size: 2.5em;
       }
 
       .navbar {
-        font-size: 1em;
-        line-height: 1em;
+        li a {
+          padding: 0.8em 0.5em;
+          font-size: 1em;
+          line-height: 1em;
+        }
       }
     }
   }
@@ -1189,16 +1196,23 @@ body {
     visibility: hidden;
   }
 
-  .content {
-    margin: 1em auto;
+  .post_list {
+    .post {
+    }
   }
 
-  h3.title {
-    margin: 0;
+  .content {
+    margin: 1em auto;
   }
 
-  .post span.date {
-    float: none;
+  .post {
+    .title {
+      margin: 0 0 0.8em 0;
+      font-size: 1.8em;
+    }
+    .date {
+      float: none;
+    }
   }
 
   .other_posts span.prev,
@@ -1207,6 +1221,11 @@ body {
     text-align: center;
     width: 100%;
   }
+
+  .hide-sm {
+    display: none !important;
+    visibility: hidden;
+  }
 }
 
 @media (max-width: 480px) {
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 323abde..36810c1 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -14,7 +14,7 @@
             </a>
           </li>
         {{ end }}
-        <li><a href="{{ .Site.RSSLink }}" type="application/rss+xml">RSS</a></li>
+        <li class="hide-sm"><a href="{{ .Site.RSSLink }}" type="application/rss+xml">RSS</a></li>
       </ul>
     </nav>
   </div>