🏗 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

• How to install
• How to use
• Copyright and license
• Changes history

📥 Installation

With npm

npm i stratum.js

or download the latest statum.min.js version

Include stratum.js in your page:

 <script src="../dist/stratum.min.js"></script>

🚀 Usage

You can create a grid using stratum() function. It gets object as parameter with three options:

padding:

• Set padding gaps between grid items. Padding option uses CSS-like syntax. See more about it.
  Example: padding: "15px 10px 20px 30px".
  Data type: String

columns:

• Set a number of columns in grid.
  Data type: String or Number.

smart:

• Makes the grid more flexible and more compact.
  Data type: Boolean

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.