css.global doesn't support hover?

[clouds56]

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;
}