From 90a04beaed62c8c93140800eb11c7f4153d06b62 Mon Sep 17 00:00:00 2001
From: Harald Eilertsen <haraldei@anduin.net>
Date: Sun, 7 Jun 2020 16:54:46 +0200
Subject: Styles: Only add margins on wide displays.

---
 sass/styles.scss | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'sass')

diff --git a/sass/styles.scss b/sass/styles.scss
index 94bb3fe..0a696bf 100644
--- a/sass/styles.scss
+++ b/sass/styles.scss
@@ -25,22 +25,22 @@ pre {
     .site-title {
         background-color: #3e4753;
         color: #ccc;
-        padding-left: 5rem;
-        padding-right: 5rem;
         font-size: 200%;
     }
     .site-description {
         background-color: #000;
         color: #ccc;
-        padding-left: 5rem;
-        padding-right: 5rem;
         font-size: x-small;
     }
 }
 
-.page-content {
-    margin-left: 5em;
-    margin-right: 5em;
+.page-content,
+.site-title,
+.site-description {
+    @media(min-width: 960px) {
+        padding-left: 5rem;
+        padding-right: 5rem;
+    }
 }
 .figure {
     text-align: center;
-- 
cgit v1.2.3