-
Notifications
You must be signed in to change notification settings - Fork 61
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Flexbox order of precedence issue #32
Comments
It's ok that the precedency has changed, but how to achieve the functionality that @owenandrews mentioned? |
Hi - any updates on this? I see there is a PR open to reverse this, which is causing the opposite problem. In the current state, .dn will override .flex-ns, which is breaking our design... |
@papiliond @owenandrews Until the pull request is accepted, you can easily get around this by:
Then, when this is working correctly, your element class lists for responsive flexbox layouts should look something like I can't think of any reason the precedence should have changed if tachyons wants to support mobile-first flexbox layouts, other than being able to dynamically add the |
I've noticed that when using the media query extensions on the flexbox module in conjunction with the display module, they don't seem to behave as expected. I would expect the below code to display flex on large displays and display none on all other sizes, but instead it stays permanently hidden.
<div class="dn flex-l">Foo bar<div>
The text was updated successfully, but these errors were encountered: