implemented the modal

2018-11-14 12:05:26 -05:00
parent 2467695d05
commit df86daef65
10 changed files with 128 additions and 16 deletions
--- a/src/static/sass/components/_modal.scss
+++ b/src/static/sass/components/_modal.scss
@@ -0,0 +1,25 @@
+.modal {
+   position: fixed;
+   z-index: 500; 
+   width: 100%;
+   top: 30%; 
+   left: 0; 
+   height: 42rem;
+   background: yellowgreen;
+   transition: all 1s; 
+   transform: scale(0);
+}
+
+.show {
+   // transform: 50%
+   transition: transform 1s;
+   transform: scale(1); 
+   opacity: 1;
+}
+
+.hide {
+
+   transform: translateY(-100vh); 
+   display: none;
+}
+