grid__col-auto would be nice about reflex HOT 4 CLOSED

I've added this to this branch: https://github.com/leejordan/reflex/tree/autoCols

Can you confirm it's what you were expecting. The only issue with auto columns is that it doesn't fully work in the inline-block fallback:

Flexbox:

Inline-block:

from reflex.

that's it! works great =)

from reflex.

after double checking, i think we need to expand this feature! right now, grid__col-auto operates like the other non-collapsable columns like grid__col-3, but it would behoove the grid to have a "liquid responsive" layout system, and it could be as easy as supporting the following naming convention:

grid__col-xs
grid__col-sm
grid__col-md
grid__col-lg

auto width at each sizes respective viewports, the lack of a number (col-3, col-2, etc) to indicate column width means it's auto. if you find this naming convention viable, we may consider changing the non-collapsable column name to grid__col to be consistent.

this would let me make a responsive liquid grid with auto widths. and just like with grid__col-auto there is no good inline-block fallback, so the grid would rag right for inline-block. it would be on the dev to write some js to resolve that.

from reflex.

implemented in release 1.0.3

from reflex.