🏗 stratum.js — Masonry Grid Library
Current stable version 1.0.4
This project is independent of any other packages. That's why it's light weight and is only 1.7KiB for production version.
📝 Table of contents
npm i stratum.js
or download the latest statum.min.js version
Include stratum.js in your page:
You can create a grid using
stratum() function. It gets object as parameter with three options:
- Set padding gaps between grid items. Padding option uses CSS-like syntax. See more about it.
padding: "15px 10px 20px 30px".
- Set a number of columns in grid.
- Makes the grid more flexible and more compact.
Notice: Using this option script will set grid items in not right order.
If you need to add one or a few grid elements and it has to be invisible then just specify
display: none; or add class with this CSS rule to this block.
👨🏻🎓 Copyright and license
Code and documentation copyright 2018. Code released under the MIT License.
🕵🏻 Changes history
1.0.4- Changed README & updated Babel support.
1.0.3- Fixed bug with padding gap between items.
1.0.2- Added sliding effect for grid elements.
1.0.1- Initiated project.