Add margin variable for paragraphs (#23140)

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 2adedda60d264bfc0a115f386bbb8844ead5649e..9a6b025f6ef799e5975a69de37f100d8333a391f 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -103,7 +103,7 @@ h1, h2, h3, h4, h5, h6 {
 // bottom margin to use `rem` units instead of `em`.
 p {
   margin-top: 0;
-  margin-bottom: 1rem;
+  margin-bottom: $paragraph-margin-bottom;
 }
 
 // Abbreviations

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 8990ad75e04ff80e6951d5a4621454571fb2ef63..23e1cf3f52a01dcd96e334d046257dce0d49a4ea 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -13,6 +13,7 @@
 // Spacing
 // Body
 // Links
+// Paragraphs
 // Grid breakpoints
 // Grid containers
 // Grid columns
@@ -167,6 +168,12 @@ $link-decoration:       none !default;
 $link-hover-color:      darken($link-color, 15%) !default;
 $link-hover-decoration: underline !default;
 
+// Paragraphs
+//
+// Style p element.
+
+$paragraph-margin-bottom: 1rem;
+
 
 // Grid breakpoints
 //