From 95384fbfc5d1f30446db027898d1bd447bb5ac38 Mon Sep 17 00:00:00 2001
From: Andres Galante <agalante@gmail.com>
Date: Mon, 23 Oct 2017 09:08:03 -0300
Subject: [PATCH] adds modal-dialog-centered class to docs and removes margin
 to avoid generating a vertical scrolling

---
 docs/4.0/components/modal.md | 2 +-
 scss/_modal.scss             | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/4.0/components/modal.md b/docs/4.0/components/modal.md
index d46d6fdaffcc..ebb671a17abf 100644
--- a/docs/4.0/components/modal.md
+++ b/docs/4.0/components/modal.md
@@ -213,7 +213,7 @@ When modals become too long for the user's viewport or device, they scroll indep
 Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
 
 <div id="exampleModalCenter" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenter" aria-hidden="true">
-  <div class="modal-dialog" role="document">
+  <div class="modal-dialog modal-dialog-centered" role="document">
     <div class="modal-content">
       <div class="modal-header">
         <h5 class="modal-title" id="exampleModalCenterTitle">Modal title</h5>
diff --git a/scss/_modal.scss b/scss/_modal.scss
index f0f60b18069d..dc28bd2a6702 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -152,11 +152,17 @@
     margin: $modal-dialog-margin-y-sm-up auto;
   }
 
+  .modal-dialog-centered {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
   .modal-content {
     @include box-shadow($modal-content-box-shadow-sm-up);
   }
 
   .modal-sm { max-width: $modal-sm; }
+
 }
 
 @include media-breakpoint-up(lg) {