From 7c452ac60784031facc2872142c92fe1001d95ba Mon Sep 17 00:00:00 2001
From: Prateek Goel <prateekgoel@users.noreply.github.com>
Date: Fri, 11 Aug 2017 07:00:01 +0100
Subject: [PATCH] Add margin variable for paragraphs (#23140)

---
 scss/_reboot.scss    | 2 +-
 scss/_variables.scss | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 2adedda60d..9a6b025f6e 100644
--- 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 8990ad75e0..23e1cf3f52 100644
--- 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
 //