Ember components for a responsive, mobile-first grid system based on flex.
MIT License
Ember components for a responsive, mobile-first grid system based on flex.
npm install --save-dev ember-flex-grid
Now, you can use the grid with the following:
{{#flex-grid}}
{{#flex-grid-row}}
{{#flex-grid-item columns=2}}
{{! ... }}
{{/flex-grid-item}}
{{#flex-grid-item columns=10}}
{{! ... }}
{{/flex-grid-item}}
{{/flex-grid-row}}
{{#flex-grid-row}}
{{#flex-grid-item columns=12}}
{{#flex-grid-row}}
{{#flex-grid-item columns=4}}
With
{{/flex-grid-item}}
{{#flex-grid-item columns=4}}
Nested
{{/flex-grid-item}}
{{#flex-grid-item columns=4}}
Grids
{{/flex-grid-item}}
{{/flex-grid-item}}
{{/flex-grid-row}}
{{/flex-grid}}
Using the viewport options:
{{#flex-grid}}
{{#flex-grid-row}}
{{#flex-grid-item columns=2 viewport='sm'}}
2
{{/flex-grid-item}}
{{#flex-grid-item columns=10 viewport='sm'}}
10
{{/flex-grid-item}}
{{/flex-grid-row}}
{{/flex-grid}}
git clone
this repositorynpm install
bower install
ember server
ember test
ember test --server
ember build
For more information on using ember-cli, visit http://www.ember-cli.com/.
MIT
git checkout -b my-new-feature
)git commit -am 'Add some feature'
)git push origin my-new-feature
)Crafted with <3 by John Otander.