order-6 and above

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines

Proposal

I used .order-1 and similar classes before this time, but only with 2-3 elements to change orders. In my actual project I tried to reorder 6 different blocks and after a little investigation I realized there isn’t .order-6 class, and there isn’t .order-7 etc.

I want to do this:

XS screen:

+---+
| B |
| A |
| E |
| D |
| F |
| C |
+---+

SM-LG screens:

+---+---+
| B | A |
| F | C |
| D | E |
+---+---+

XL+ screens:

+---+---+---+
| A | B | C |
| D | E | F |
+---+---+---+

Because we don’t have .order-6 class (and .order-7, etc) it’s very complicated to do this reordering and I run’s into some property overwriting issues if I try to add custom classes.

Motivation and context

It sounds very illogical to me if we using 12 columns but can order only 5 cols. I understand there is only from p-0 to p-5 and m-0 to m-5 etc, but the ordering isn’t based this 0-5 logic. Most based on columns what is based on number 12.

[DanielUPedersen1]

Hello, Daniel here. If i may, then i’ve had similar project’s as Netdjw says. I’ve had in my case before where i needed up to 10 of the “.orders-” classes - isn’t it possible to change this somehow in later updates? (asking because i know you have a 12-grid-block system, but would be nicer to have the option to somehow change this on your own if possible in future, in this case you can release your version of .order-(1-5) and at the same time, users will be able to add more?)

[netdjw]

After all you’re right. Folks can easily customize anything. 😃