From 2f5602ee5db9678b224def7ba125dbf07d866ee0 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 31 Dec 2020 16:56:53 +0100
Subject: Design: Less vertical padding for containers on mobile

---
 assets/css/_vars.scss              | 1 +
 assets/css/layouts/_container.scss | 5 +++++
 2 files changed, 6 insertions(+)

(limited to 'assets')

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 24a94fa..b023ffe 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -12,6 +12,7 @@ $subcontent--indent: 4ch;
 $container--pad-h: 2rem;
 $container--pad-h-sm: 1rem;
 $container--pad-v: $line-height * 2rem;
+$container--pad-v-sm: $line-height * 1rem;
 
 $nav--font-size: $font-size - 1;
 $nav--item--spacing: 4ch;
diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss
index ec061c6..f0544f7 100644
--- a/assets/css/layouts/_container.scss
+++ b/assets/css/layouts/_container.scss
@@ -16,5 +16,10 @@
     @media (max-width: map-get($breakpoints, 'sm')) {
         padding-right: $container--pad-h-sm;
         padding-left: $container--pad-h-sm;
+
+        &--pad-v {
+            padding-top: $container--pad-v-sm;
+            padding-bottom: $container--pad-v-sm;
+        }
     }
 }
-- 
cgit v1.2.3-54-g00ecf