Fixing up Modal styles, and close button, need to add more elements

2022-11-06 13:55:26 -07:00
parent 1d9a03fe56
commit 66e767414e
4 changed files with 70 additions and 37 deletions
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -22,13 +22,22 @@
 }

 .modal {
-  background: #1d1d1c;
+  background: #333333;
  width: 100%;
  height: 100%;
  top: 100%;
  transition: top 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }

+.modal-close {
+  text-shadow: 0 1px 12px #000;
+  font-size: 36px;
+}
+
+.modal-flavor-text {
+  text-shadow: 0 1px 2px #000;
+}
+
 .modal.open {
  top: 0;
 }