search

OpenBuildings / layout-grid

Static responsive grid with pure css. Javascript using native drag-n-drop to reorder for each screen size on desktop and mobile.
http://clippings.github.io/layout-grid/
BSD 3-Clause "New" or "Revised" License
801 stars 46 forks source link

readme

Layout Grid

Build Status Codacy Badge Dependency Status devDependency Status

Documentation and demos: Layout Grid Site

Static responsive grid with pure css. Javascript using native Drag'n'drop to reorder for each screen size.

Example Layout Grid

Installation

For only static positioning include css/layout-grid.min.css For ordering items around include js/layout-grid.min.js

Modification

sass/layout-grid.sass allows you to modify a lot of variables for each screen size, overriding the defaults. If you're using reorder you'll need to tell the javascript plugin about these modifications as well.

Development

After modification you can run the npm install and then grunt to build and minify all the js and sass. Use grunt qunit to execute the tests.

License

Copyright (c) 2015, Clippings Ltd. Developed by Ivan Kerin

Under BSD-3-Clause license, read LICENSE file.