wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Don't add important to keyframes

Browse source
This commit is contained in:
Adam Wathan 2020-08-03 11:46:39 -04:00
parent 8e5d8d1278
commit 72345e8715
2 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

24
__tests__/fixtures/tailwind-output-important.css
View file

@ -14374,45 +14374,45 @@ video {
@keyframes spin {
from {
transform: rotate(0deg) !important;
transform: rotate(0deg);
}
to {
transform: rotate(360deg) !important;
transform: rotate(360deg);
}
}
@keyframes ping {
0% {
transform: scale(1) !important;
opacity: 1 !important;
transform: scale(1);
opacity: 1;
}
75%, 100% {
transform: scale(2) !important;
opacity: 0 !important;
transform: scale(2);
opacity: 0;
}
}
@keyframes pulse {
0%, 100% {
opacity: 1 !important;
opacity: 1;
}
50% {
opacity: .5 !important;
opacity: .5;
}
}
@keyframes bounce {
0%, 100% {
transform: translateY(-25%) !important;
animation-timing-function: cubic-bezier(0.8,0,1,1) !important;
transform: translateY(-25%);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
transform: translateY(0) !important;
animation-timing-function: cubic-bezier(0,0,0.2,1) !important;
transform: translateY(0);
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}

2
src/plugins/animation.js
View file

@ -8,7 +8,7 @@ export default function() {
return [`@keyframes ${name}`, keyframes]
})
)
addUtilities(keyframesStyles)
addUtilities(keyframesStyles, { respectImportant: false })
const animationConfig = theme('animation')
const utilities = _.fromPairs(