From 46f698c42dcdc6b7bf75e81eeb26e99bd413e9c2 Mon Sep 17 00:00:00 2001
From: Anton Azarov <anton.azrv@gmail.com>
Date: Fri, 2 Jul 2021 21:34:56 +0300
Subject: [PATCH] Add custom callout padding for small screens

---
 scss/components/_callout.scss     | 4 ++++
 scss/components/_media-query.scss | 5 +++++
 scss/settings/_settings.scss      | 1 +
 3 files changed, 10 insertions(+)

diff --git a/scss/components/_callout.scss b/scss/components/_callout.scss
index fc33961d..19190980 100644
--- a/scss/components/_callout.scss
+++ b/scss/components/_callout.scss
@@ -18,6 +18,10 @@ $callout-background-fade: 85% !default;
 /// @type Length
 $callout-padding: 10px !default;
 
+/// Padding inside a callout on small screens.
+/// @type Length
+$callout-padding-small: $callout-padding !default;
+
 /// Bottom margin of a callout.
 /// @type Length
 $callout-margin-bottom: $global-margin !default;
diff --git a/scss/components/_media-query.scss b/scss/components/_media-query.scss
index e99488c2..b7c0a864 100755
--- a/scss/components/_media-query.scss
+++ b/scss/components/_media-query.scss
@@ -128,5 +128,10 @@
       min-width: 0;
     }
   }
+
+  // Small padding inside callouts
+  th.callout-inner {
+    padding: $callout-padding-small !important;
+  }
 }
 
diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index 301d579c..25f04464 100644
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -124,6 +124,7 @@ $button-rounded: $global-rounded;
 $callout-background: $white;
 $callout-background-fade: 85%;
 $callout-padding: 10px;
+$callout-padding-small: $callout-padding;
 $callout-margin-bottom: $global-margin;
 $callout-border: 1px solid darken($callout-background, 20%);
 $callout-border-primary: 1px solid darken($primary-color, 20%);
-- 
2.47.2