Can't use calc() in keyframes
Closed this issue · 1 comments
cbhoweth commented
Looks like keyframes don't like calc()?
I have something like this:
const pulse = css.keyframes({
'0%': { borderRadius: 'calc(50% + 10px)' },
'10%': { borderRadius: 'calc(50% + 20px)' },
'50%': { borderRadius: 'calc(50% + 30px)' },
'80%': { borderRadius: 'calc(50% + 20px)' },
'100%': { borderRadius: 'calc(50% + 10px)' }
})
if I take out calc and add a static value it works great. With calc no errors but no keyframe. Thanks love glamor btw great job.
threepointone commented
this should work in 2.20.27. feel free to reopen if it doesn't.