From 90a04beaed62c8c93140800eb11c7f4153d06b62 Mon Sep 17 00:00:00 2001 From: Harald Eilertsen 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