content property: empty string (" ") becomes "px"

[sdgluck]

I am trying to create a keyframe animation that looks like this:

const cursorBlinkAnim = keyframes({
  '0%': {content: '_'},
  '100%': {content: ' '}
})

But when compiled by glamor the CSS becomes:

@keyframes animation_wzvti9{0%{content:_;}100%{content:px;}}

Using any alternative whitespace character has similar behaviour.

Just in case it's important, I am using glamorous too.

Any ideas?

[martinpalmieri]

Hi @sdgluck , Maybe it's too late but today I had the very same issue and I resolved it by using backticks/backquotes like this:

content: `''`,

Hope it helps.