From: Anton Azarov <anton.azrv@gmail.com>
Date: Fri, 2 Jul 2021 18:34:56 +0000 (+0300)
Subject: Add custom callout padding for small screens
X-Git-Tag: v2.4.0^2~6^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F1069%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Add custom callout padding for small screens
---

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%);