add modal stying

Relates #124
FAC-Sixteen · May 23, 2019 · 7c4552f · 7c4552f
1 parent 864da09
commit 7c4552f
Show file tree

Hide file tree

Showing 3 changed files with 92 additions and 1 deletion.
diff --git a/public/css/components/_modal.scss b/public/css/components/_modal.scss
@@ -31,4 +31,50 @@
     top: -300px;
     opacity: 0;
   }
+  to {
+    top: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes animatetop {
+  from {
+    top: -300px;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
+}
+
+//close button
+.close {
+  color: white;
+  float: right;
+  font-size: 28px;
+  font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.modal-header {
+  padding: 2px 16px;
+  background-color: #feefea;
+  color: white;
+}
+
+.modal-body {
+  padding: 2px 16px;
+}
+
+.modal-footer {
+  padding: 2px 16px;
+  background-color: #feefea;
+  color: white;
 }
diff --git a/public/css/main.css b/public/css/main.css