You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
It's been awhile since I spent time in the media queries portion of this code base, but as I recall, there are some unfortunate design constraints elsewhere which make it impossible for this to work as expected.
I believe the solution is to change the top one from minWidth (px 1) to minWidth (px 377). Let me know if that works!
Having the same issues.
Here it works defining them in the opposite order in elm-css of what you normally would do with css media queries, then the style tag comes out with them correct.
For instance, if I define mediaQueryA and mediaQueryB in that order in elm-css, the <style>-tag it outputs contains them in the reverse order, so mediaQueryB above mediaQueryA.
This may be arbitrary, but at least it works in my case here. Just a tad annoying having to do it the opposite way of what I do when writing css. Not sure if we can depend on that order, though?
We have the following two media queries and expect them to apply in a cascading way.
Instead, once the smaller size is hit, the 800 styles override the 376 styles.
The text was updated successfully, but these errors were encountered: