layout-grid
layout-grid
npm i layout-grid
layout-grid

layout-grid

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

by clippings

2.2.0 (see all)License:BSD-3-ClauseTypeScript:Not Found
npm i layout-grid
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.

Downloads/wk

42

GitHub Stars

799

LAST COMMIT

5yrs ago

MAINTAINERS

1

CONTRIBUTORS

2

OPEN ISSUES

8

OPEN PRs

0
VersionTagPublished
2.2.0
latest
7yrs ago
No alternatives found
No tutorials found
Add a tutorial
No dependencies found

Rate & Review

100
No reviews found
Be the first to rate