modal: change transition

now a simple fade-in/fade-out, which is part of tailwind.config.js rather than modal.css.
2022-01-30 16:24:40 +00:00
parent baffa4a38c
commit ecbff16a88
4 changed files with 29 additions and 18 deletions
@@ -6,6 +6,28 @@ module.exports = {
  darkMode: 'class',
  theme: {
      extend: {
+          keyframes: {
+              'fade-in': {
+                  '0%': {
+                      opacity: '0'
+                  },
+                  '100%': {
+                      opacity: '1'
+                  }
+              },
+              'fade-out': {
+                  '0%': {
+                      opacity: '1'
+                  },
+                  '100%': {
+                      opacity: '0'
+                  }
+              },
+          },
+          animation: {
+              'fade-in': 'fade-in 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)',
+              'fade-out': 'fade-out 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)'
+          },
          colors: {
              neutral: colors.slate,
              positive: colors.green,