Skip to content

Flex ordering

Based on the column scale in _config, also accessible with the crayon.order(n) mixin, which accepts arbitrary values for n

Sass mixins

MixinCSS properties
order($value)order: $value
order-firstorder: -9999
order-lastorder: 9999

Utility classes

ClassProperty
order-{n} (1 to 12)order: {n}
-order-{n} (1 to 12)order: -{n}
order-0, order-noneorder: 0
order-firstorder: -9999
order-lastorder: 9999

Example

html
<div class="card">
  one
</div>
<div class="card order-first">
  two
</div>