Add a basic modal template to be used

2018-06-16 16:25:26 -07:00 · 2018-06-16 16:25:26 -07:00 · d6959ea3dd
commit d6959ea3dd
parent 84fecb7a92
8 changed files with 130 additions and 29 deletions
--- a/resources/assets/styles/components/animations.css
+++ b/resources/assets/styles/components/animations.css
@ -34,3 +34,15 @@
    @apply .bg-red-dark;
  }
 }
+
+/*
+ * transition="modal"
+ */
+.modal-enter, .modal-leave-active {
+  opacity: 0;
+}
+
+.modal-enter .modal-container,
+.modal-leave-active .modal-container {
+  animation: opacity 250ms linear;
+}