https://github.com/jgthms/layout-grid

Static responsive grid with pure css. Javascript using native Drag'n'drop to reorder for each screen size on desktop and mobile.
https://github.com/jgthms/layout-grid

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/jgthms/layout-grid
• Owner: jgthms
• License: bsd-3-clause
• Fork: true (OpenBuildings/layout-grid)
• Created: 2015-09-04T13:44:49.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-04T13:28:14.000Z (over 9 years ago)
• Last Synced: 2024-10-01T01:22:59.540Z (7 months ago)
• Language: JavaScript
• Homepage: http://clippings.github.io/layout-grid/
• Size: 213 KB
• Stars: 6
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Layout Grid

===========

[![Build Status](https://travis-ci.org/clippings/layout-grid.svg?branch=master)](https://travis-ci.org/clippings/layout-grid)

Documentaion and demos: [Layout Grid Site](https://clippings.github.com/layout-grid)

Static responsive grid with pure css.

Javascript using native Drag'n'drop to reorder for each screen size.

![Example Layout Grid](http://i.imgur.com/vtkdKg5.png "Layout Example")

Instalation

-----------

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 reoder 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.