robinweser / fela

State-Driven Styling in JavaScript
http://fela.js.org
MIT License
2.27k stars 184 forks source link

wrong css order #270

Closed tuchk4 closed 7 years ago

tuchk4 commented 7 years ago

https://tuchk4.github.io/css-in-js-app/#/react-fela

click "Render different components"

There are should not be components with black border

image

Source here:

robinweser commented 7 years ago

Hey @tuchk4, check out http://fela.js.org/docs/introduction/Drawbacks.html (2.) With atomic CSS you're should not mix shorthand and longhand properties. Try to use borderStyle, borderWidth and borderColor instead of border and borderColor and it should work :)

If you check out Styletron ( https://github.com/rtsao/styletron/issues/140 ), it's the same issue there as well :P

tuchk4 commented 7 years ago

@rofrischmann Thanks! Will fix styles and re-deploy app