diff --git a/__tests__/fixtures/tailwind-output-ie11.css b/__tests__/fixtures/tailwind-output-ie11.css index c12278570..7e06186a7 100644 --- a/__tests__/fixtures/tailwind-output-ie11.css +++ b/__tests__/fixtures/tailwind-output-ie11.css @@ -599,7 +599,7 @@ video { } } -@keyframes fade { +@keyframes pulse { 0%, 100% { opacity: 1; } @@ -11006,8 +11006,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } -.animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .animate-bounce { @@ -21405,8 +21405,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .sm\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .sm\:animate-bounce { @@ -31805,8 +31805,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .md\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .md\:animate-bounce { @@ -42205,8 +42205,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .lg\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .lg\:animate-bounce { @@ -52605,8 +52605,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .xl\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .xl\:animate-bounce { diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 00d675299..c8c61c633 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -599,7 +599,7 @@ video { } } -@keyframes fade { +@keyframes pulse { 0%, 100% { opacity: 1; } @@ -14392,8 +14392,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; } -.animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } .animate-bounce { @@ -28177,8 +28177,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; } - .sm\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } .sm\:animate-bounce { @@ -41963,8 +41963,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; } - .md\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } .md\:animate-bounce { @@ -55749,8 +55749,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; } - .lg\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } .lg\:animate-bounce { @@ -69535,8 +69535,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; } - .xl\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; + .xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } .xl\:animate-bounce { diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index f0960cb8c..14ab13e58 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -599,7 +599,7 @@ video { } } -@keyframes fade { +@keyframes pulse { 0%, 100% { opacity: 1; } @@ -11944,8 +11944,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } -.animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .animate-bounce { @@ -23281,8 +23281,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .sm\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .sm\:animate-bounce { @@ -34619,8 +34619,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .md\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .md\:animate-bounce { @@ -45957,8 +45957,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .lg\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .lg\:animate-bounce { @@ -57295,8 +57295,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .xl\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .xl\:animate-bounce { diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 6d9ec00c9..064db9040 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -599,7 +599,7 @@ video { } } -@keyframes fade { +@keyframes pulse { 0%, 100% { opacity: 1; } @@ -14392,8 +14392,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } -.animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .animate-bounce { @@ -28177,8 +28177,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .sm\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .sm\:animate-bounce { @@ -41963,8 +41963,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .md\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .md\:animate-bounce { @@ -55749,8 +55749,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .lg\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .lg\:animate-bounce { @@ -69535,8 +69535,8 @@ video { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .xl\:animate-fade { - animation: fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .xl\:animate-bounce { diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index d08b5cbd5..f75f95f3f 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -626,7 +626,7 @@ module.exports = { none: 'none', spin: 'spin 1s linear infinite', ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite', - fade: 'fade 2s cubic-bezier(0.4, 0, 0.6, 1) infinite', + pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite', bounce: 'bounce 1s infinite', }, keyframes: { @@ -638,7 +638,7 @@ module.exports = { '0%': { transform: 'scale(1)', opacity: '1' }, '75%, 100%': { transform: 'scale(2)', opacity: '0' }, }, - fade: { + pulse: { '0%, 100%': { opacity: '1' }, '50%': { opacity: '.5' }, },