Skip to content
This repository has been archived by the owner on Jan 14, 2024. It is now read-only.

include class to override the visual order of grid items #8

Open
DrizzlyOwl opened this issue Aug 5, 2016 · 0 comments
Open

include class to override the visual order of grid items #8

DrizzlyOwl opened this issue Aug 5, 2016 · 0 comments

Comments

@DrizzlyOwl
Copy link

whilst leaving html order alone.

/**
 * Custom fancy float
 */

.#{$gr-item-unit}--omega {
    float: right;
}

Usage:

<div class="grid">
    <div class="grid__item grid__item--omega" id="first"></div>
    <div class="grid__item" id="last"></div>
</div>

Results in #first appearing at the right of the grid instead of at the beginning.

This could be extended upon by inclusion of the breakpoints.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant