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
| Mixin | CSS properties |
|---|---|
order($value) | order: $value |
order-first | order: -9999 |
order-last | order: 9999 |
Utility classes
| Class | Property |
|---|---|
order-{n} (1 to 12) | order: {n} |
-order-{n} (1 to 12) | order: -{n} |
order-0, order-none | order: 0 |
order-first | order: -9999 |
order-last | order: 9999 |
Example
html
<div class="card">
one
</div>
<div class="card order-first">
two
</div>