Problem
The problem itself is similar to microsoft/fluentui#17607, behavior of @media queries is not deterministic: it depends on order of insertion.
The closest competitor is Fela, there is mediaQueryOrder in a config for render to solve such cases.
Environment Information
- Package version(s):
@fluentui/react-make-styles@9
Please provide a reproduction of the bug in a codepen:
https://codesandbox.io/s/media-order-c89ov?file=/src/App.js
Problem
The problem itself is similar to microsoft/fluentui#17607, behavior of
@mediaqueries is not deterministic: it depends on order of insertion.The closest competitor is Fela, there is
mediaQueryOrderin a config for render to solve such cases.Environment Information
@fluentui/react-make-styles@9Please provide a reproduction of the bug in a codepen:
https://codesandbox.io/s/media-order-c89ov?file=/src/App.js