Tachyons: missing flex-wrap options

Created on 24 Nov 2016  路  3Comments  路  Source: tachyons-css/tachyons

now only one flex-wrap option supported:

flex-wrap: wrap;

following missing:

flex-wrap: nowrap;
flex-wrap: wrap-reverse;

In my practical case i using flex-wrapclass for small screen and i have to reset it for not small screens, so i need .flex-nowrap-ns

Most helpful comment

@anurag1018 I think you missed an important part. He need flex wrap for small screens, but wants to have no-wrap on larger screens. This is needed for responsiveness!

.flex-nowrap-ns { flex-wrap: nowrap; }

All 3 comments

@khakulov The nowrap property is default to flex so no need to explicitly specify it. Just specify the flex class and it should be good to go. As for the wrap-reverse I have already created a pull request with the property added. Till then you may use this modified tachyons css code here: https://jsfiddle.net/x0m7mbc2/

@anurag1018 I think you missed an important part. He need flex wrap for small screens, but wants to have no-wrap on larger screens. This is needed for responsiveness!

.flex-nowrap-ns { flex-wrap: nowrap; }

This will go out with 4.8.0

Was this page helpful?
0 / 5 - 0 ratings

Related issues

johno picture johno  路  6Comments

matthewmueller picture matthewmueller  路  5Comments

mrmrs picture mrmrs  路  6Comments

johno picture johno  路  3Comments

zehfernandes picture zehfernandes  路  4Comments