Responsive "allposts" button on the front page. Fixes #77

1 files changed, 21 insertions, 0 deletions

diff --git a/themes/pelican-elegant-1.3/static/css/style.css b/themes/pelican-elegant-1.3/static/css/style.css
index 8b7492c..bb6efd8 100644
--- a/themes/pelican-elegant-1.3/static/css/style.css
+++ b/themes/pelican-elegant-1.3/static/css/style.css
@@ -395,3 +395,24 @@ dt:hover > a.headerlink {
     visibility: visible;
     text-decoration:none;
 }
+
+h1#recent-posts {
+    font-size: 30px;
+}
+
+a#allposts {
+    width: 100%;
+}
+
+@media screen and (min-width: 480px) {
+    h1#recent-posts {
+        font-size: 38.5px;
+    }
+
+}
+
+@media screen and (min-width: 360px) {
+    a#allposts {
+        width: inherit;
+    }
+}