threepointone / glamor

inline css for react et al
MIT License
3.66k stars 199 forks source link

css.global doesn't support hover? #365

Open clouds56 opened 6 years ago

clouds56 commented 6 years ago

I've created a global css like (see jsfiddle)

Glamor.css.global(".hello", {
  ":hover": { "opacity": 0.7 },
  "opacity": 0.3,
}

and it transforms to

".hello{opacity:0.3;:hover:[object Object];}"

but not

.hello {
  opacity:0.3;
}
.hello:hover {
  opacity:0.7;
}