@order

Sets the flexbox order property, optionally per breakpoint.

Syntax

@order {number} [breakpointQuery];

Usage

.sidebar {
  @order 2;
  @order 1 $desktop;
}

.main {
  @order 1;
  @order 2 $desktop;
}

Negative Order

.priority {
  @order -1;
}

With Breakpoint

.item {
  @order 3 xs;
  @order 1 md;
}