chenglou/RCSS

*zoom should be a valid CSS property name

Closed this issue · 5 comments

mattferrin commented

Was experimenting to see if I can generate Bourbon Neat equivalent code.

.element {
    *zoom: 1;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

The above code didn't cary over.

mattferrin commented

It looks like the error "*zoom (transformed into *zoom) is not a valid CSS property name." was generated from another node module called "valid-css-props" to me, so this probably isn't a RCSS bug after all.

var isValidCSSProps = require('valid-css-props');
mattferrin commented

I've discovered that this seems to be an IE hack from http://stackoverflow.com/questions/4563651/what-does-an-asterisk-do-in-a-css-property-name, so let me know if you care @chenglou.

chenglou commented

I think I'll skip fixing this for now. It's a rabbit whole once we start supporting ie6-7 specific hacks.

mattferrin commented

Cool, I'll let you close or what ever. Once I realized what it was I didn't care. It seemed important when I didn't know why Bourbon Neat had it. Still don't understand the specific rational, but don't care need to.

chenglou commented

👍