From 657ccfb326a6cf14d723781f37b25729f62fbd93 Mon Sep 17 00:00:00 2001
From: rhyneav <rhyneav@gmail.com>
Date: Tue, 2 Jan 2018 10:39:46 -0500
Subject: [PATCH] Prevent modals from displaying when not activated

---
 docs/content/docs/components/modals.md | 6 +++---
 src/components/_modals.scss            | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/content/docs/components/modals.md b/docs/content/docs/components/modals.md
index 648054f..5068545 100644
--- a/docs/content/docs/components/modals.md
+++ b/docs/content/docs/components/modals.md
@@ -22,10 +22,10 @@ This can be used to implement modals along with features like title, subtitle, t
 #### Code:
 
 ```html
-<div class="row flex-space child-borders">
+<div class="row flex-spaces child-borders">
   <a href="modal-1" class="paper-btn margin">Open Modal!</a>
 </div>
-<div class="modal row flex-space" id="modal-1">
+<div class="modal row flex-spaces" id="modal-1">
   <div class="modal-body">
     <a class="btn-close" href="#modals">x</a>
     <h4 class="modal-title">Modal Title</h4>
@@ -46,7 +46,7 @@ This can be used to implement modals along with features like title, subtitle, t
     <a href="#modals" class="btn-close">x</a>
     <h4 class="modal-title">Modal Title</h4>
     <h5 class="modal-subtitle">Modal Subtitle</h5>
-    <p class="modal-text">This is an example of modal which is implemented with pure CSS! :D</p>
+    <p class="modal-text">This is another example of modal which is implemented with pure CSS! :D</p>
     <a class="modal-link" href="#modals">OK</a>
     <a class="modal-link" href="#modals">Close</a>
   </div>
diff --git a/src/components/_modals.scss b/src/components/_modals.scss
index 72dca2f..98aae6a 100644
--- a/src/components/_modals.scss
+++ b/src/components/_modals.scss
@@ -28,7 +28,7 @@
     position: fixed;
     z-index: 11;
     max-width: 960px;
-    @include translate(0, -500%);
+    @include translate(0, -5000%);
     @include transition(transform);
 
     @include resp(medium) {