[Grid] Add Reverse Variations

[dalgard]

In version 1.x, I could make the first column in a grid right floated in order to pull the next column up on its left side. This way, when the columns stack on mobile, I could make the content to the right show first on the scroll.

Did this feature disappear out of thin air? Most of the layouts on my site depend on it.

[dalgard]

Adding a set of classes to change flex properties, such as flow direction, might be a good way to go.

[jlukic]

You can use right floated and left floated still however they should appear in normal flow order. right floated needs to be last.

See docs
www.semantic-ui.com/collections/grid.html#floated

[dalgard]

This is exactly the problem that I'm pointing out.

[jlukic]

This is just how floating works in flex it uses margin-left: auto.

I could see a variation to reverse flex direction per device. i.e. class name reverse mobile = flex-direction: column-reverse; , but this is not the same as floating.

You can also do this in one line in css, which is not necessarily a bad alternative.

[dalgard]

I figured out the column-reverse property – it's a good solution, and I definitely think you should add a class for it. For the time being, I've added it as an override.

[jlukic]

Implemented in 2.1 as reversed tablet, reversed mobile etc