{"_id":"flexmasonry","_rev":"5-c979d71085ac001315cfa811a926a998","name":"flexmasonry","dist-tags":{"latest":"0.2.3"},"versions":{"0.1.0":{"name":"flexmasonry","version":"0.1.0","description":"A lightweight masonry (cascading grid layout) library powered by flexbox","author":{"name":"Gilbert Pellegrom","email":"gilbert@pellegrom.me"},"license":"MIT","main":"dist/flexmasonry.js","scripts":{"dev":"NODE_ENV=development ./node_modules/.bin/webpack","watch":"NODE_ENV=development ./node_modules/.bin/webpack --watch","build":"webpack"},"devDependencies":{"css-loader":"^2.1.1","mini-css-extract-plugin":"^0.6.0","webpack":"^4.30.0","webpack-cli":"^3.3.0"},"gitHead":"de737e631c115a3a52c2d9bffffea64250ef8a1b","_id":"flexmasonry@0.1.0","_nodeVersion":"11.12.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-nxzNd2+Q8JzRVT9u1CWeUz190C+Hj/Eg8MW/zBuqWkP6u9MC+f5R1OsVhPh101ELW1Ioh3IAKWIR6J6NLGp6Rw==","shasum":"c5e63853c013264dacafc4d2818b15d5e360b564","tarball":"https://registry.npmjs.org/flexmasonry/-/flexmasonry-0.1.0.tgz","fileCount":9,"unpackedSize":24060,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcuNNHCRA9TVsSAnZWagAAWQQP/RQ1BwZ44vlf8CNJIwCI\nozwGff6vyv1gBsjPyafZqPUoyjPHnN74R1AYp5jJWuC++7SUjg9nmhi3EHqP\nY5R+B75oxq1MmKqUpuwwyV5D2DoYBCqYGSx9w63s4hKg0yLwrWbj7pAIrhmU\nlj/w72r/qVU3jLOO3zvPmgokbMnooMcvRLbwqZxxj69VlxDVQBcNbxLFVyIz\na6y4ciyHt1g8w7uymm8XjehS/OectczZnxqNHTQF2NLgdb+K4cwwXcqyPMOZ\nlLdmbwTYudxgqgGc8HRwX7HiVk+31cLWfKBCMeU/m60idKJv9fhYt80ptCVm\nPRBvl9D4hNeNTVHnE9C332EM6sNl3o/k0HzAJFeEC8Xu3pjQgsfpfzOoIILq\nM3sXWIgQ6mW+33D+gfZVNEIWwiwyPfT4NyCGSsUc4R8ZoKZcWVeD2CI5NSyx\n8ag6Uv/IcsmhWwMrDjAB5yaTXoky3Y84ABuRW/2Z0Dh/5Tu+cbfZqdoNApXy\nyEuQ6Ofy9GJwAr7VtCxA5yj1rfuYfX/DGLhj/mmAfA1CIepm7R0ny0Wk52cw\nNnXOthKb3kH8vg0XrT6JkHdWX8fFoRfHwFbTg+ZyS80/Y/QZEXH80ViP0d3z\nff+lpJ+OwJahLpar7quoYJgDTRsEniPxaM40LY2JRzzHA1azzZcty7FydeI1\nTm8q\r\n=eRxx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCba5FLixT+fS28iYQuO2raHwm2ng8EqlV923eHMTHb/wIhAPp6IH1o/O01EpG8/3bOhIegf2wsHTjcsCAZSyp0N+GV"}]},"maintainers":[{"name":"gilbitron","email":"gilbert@pellegrom.me"}],"_npmUser":{"name":"gilbitron","email":"gilbert@pellegrom.me"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flexmasonry_0.1.0_1555616582802_0.552951358903623"},"_hasShrinkwrap":false},"0.2.0":{"name":"flexmasonry","version":"0.2.0","description":"A lightweight masonry (cascading grid layout) library powered by flexbox","author":{"name":"Gilbert Pellegrom","email":"gilbert@pellegrom.me"},"license":"MIT","main":"dist/flexmasonry.js","scripts":{"dev":"NODE_ENV=development ./node_modules/.bin/webpack","watch":"NODE_ENV=development ./node_modules/.bin/webpack --watch","build":"webpack"},"devDependencies":{"css-loader":"^2.1.1","mini-css-extract-plugin":"^0.6.0","webpack":"^4.30.0","webpack-cli":"^3.3.0"},"gitHead":"049d8728f1669940f329f85ab165eef456081977","_id":"flexmasonry@0.2.0","_nodeVersion":"11.12.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-O8zOFj/fagmHPULkhu3dTQhSckDeal7t9D9/DBriieev6onfn+LYfgxr/D60fELBMzL9zGAuvjMU49gDgIKPLQ==","shasum":"969220fb34ee43bee9e54db9c05fffec87946ea5","tarball":"https://registry.npmjs.org/flexmasonry/-/flexmasonry-0.2.0.tgz","fileCount":9,"unpackedSize":24107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcuZWbCRA9TVsSAnZWagAAvWkP/R/9vwv0PClv238YWdR3\nizxqheFTI75vtpalyALh6/jvbVLZcAJ/iX/VmCFrASvgZo620wJHmFqDjaLa\nTrOsXl85Fjbc+L0EkMkosYgMRhsrNBTueWgTgf+FrXQP87T3DbHxfMoZxA+j\ng5f3iaSi+jU4KS1BgtTsIAL61Q+xLiBaVeSv9rIxT9MjTmBo7H51DIOsy7PV\n0H7zJReXKPLymzz1Fs3H/wK4XZh1sEKZOL0mncNVT5kDCBOtPQqkQKMf0dH1\nUTqC4bzJnB4K8yy70XICAv5WlTL8rzZaYKWrkLtLyWR7RKfZF+r9AJNk63lG\n4L+pQc9ymIX3KNmCNHwAl0cD3ZfGTwaNe3ktiKVkNEfmIqvrqkZvO7qIy4vs\nTzd3DlNWLlOLpaq0KNEua9GrNuSURxhlxEqLfMhv7BqFjOUiSJ9DCg9L30kx\n3Fv7AbKtjWTTnpLNbYC+PVRCRe3i9chfRC62xzdaPIBpS3mUpmZiWZ4qQaEd\nKh/mOK8QU3CRDgxxNCV0MN6MHvldQspO9oRvw1N9+TDWhowpHbxr16jeiwEa\nyx5DHCvAxpsIagCOM2GBgcku+TrnAYDZv78cdV09BTCSHjiHPK2MVmK0d9NM\nax7kksyuuaUDdEp60OS2G9o3YRphz27pW5r8G7zv4pCWLgSwSF4ECXyCPl1j\nMu8q\r\n=fsWY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDtKbw0YcooYQ5ixU1pSf/nbgeDfBSjlzHV1farG1b0tAiEAjkqmfwZFxnAAips8I+cFHPvJ85Ic0kWqr94pNxMkQeM="}]},"maintainers":[{"name":"gilbitron","email":"gilbert@pellegrom.me"}],"_npmUser":{"name":"gilbitron","email":"gilbert@pellegrom.me"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flexmasonry_0.2.0_1555666330984_0.8079925768986433"},"_hasShrinkwrap":false},"0.2.1":{"name":"flexmasonry","version":"0.2.1","description":"A lightweight masonry (cascading grid layout) library powered by flexbox","author":{"name":"Gilbert Pellegrom","email":"gilbert@pellegrom.me"},"license":"MIT","main":"dist/flexmasonry.js","scripts":{"dev":"NODE_ENV=development ./node_modules/.bin/webpack","watch":"NODE_ENV=development ./node_modules/.bin/webpack --watch","build":"webpack"},"devDependencies":{"css-loader":"^2.1.1","mini-css-extract-plugin":"^0.6.0","webpack":"^4.30.0","webpack-cli":"^3.3.0"},"gitHead":"0f8a3af5cc1ac45e7fa4910143eeac8854fcab2e","_id":"flexmasonry@0.2.1","_nodeVersion":"11.12.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-826wfrJRIS6MxTWDmCeAY5OqIZPRsUW9W8660B7yb6Vv8QKXkNKW091kW/h95VY7oWlVuQn00hH1SArTQs6p+Q==","shasum":"6524aaf5318d2d0e48f2e13cb9ecb1de1de7cb9a","tarball":"https://registry.npmjs.org/flexmasonry/-/flexmasonry-0.2.1.tgz","fileCount":9,"unpackedSize":25263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcucFQCRA9TVsSAnZWagAATYEP/iv8RXJ3IUFhqBYF+2JE\nw/3GBAkpfP+lkKCWlTAtEhY4+rdM3Xkgfsy9v/UiVm+68Z9MZX5cx0YdvhEH\n8sgBZ16twE7FrDRvYHB6WgFzQdEZG9XDba5w8hP4vdSmRT1RVI2SoC1wQ5S0\nSvQ9+vkzm0IJ5pTPUFdZiUhaTAvJkb5z/I8UGF9MajSFf1z1CV3BcdXNT0qa\nDxNqq9Oba5pk9Wyb6a/q2tOaJvp/K+aKbsEgcByyfIJlRAxLCV1CjnaakZXT\nLZ9OTqX77/ioFBr7Lj1lg320nNwrUw0sEdaWxNXFLc9mDfiG+eJWuYlcAX53\n9FCpbWDT36bqefmB0ifyc9NNkGUkZ8nO2xviXSQN1wt6RnGdUHCCaQNYuXc6\njPireM9cjb0upIKdHmWr4OyPeUHOOfCiQi2rv9ca6Cs4W5FHwmQ6/KwwXxD1\nt4ej5PxYGVj51Y1pa2fdMj+Rq5GwoLWuoIYdESoyKSXvAt4pB/9xcKxDgxEb\nY4aEvS64KOlRHXP2sqLQfqiOHZxAIYLMHz+A1j3pB0P3aCgEoQw9+fW+upjY\nXFEAnbD2ytdvuMpqSikHgOvp/l5htX1jYaSSRAGJPAxBWxHo8FfvW//HThDx\n3CE86g2GkIZ8G+qikGc06J5/RYp6pZKbdGW5hYx/z7y+4Z9EzyGFYhgeqIIE\noETR\r\n=1Iib\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZmDCl74Jiq8fkMR4c6+sFxnx7BDkT2JCgdYNGXr3OMwIgdC3pIe9zqr9xCyZOHZIVP6TzVobva6klvWyIm4l3LEQ="}]},"maintainers":[{"name":"gilbitron","email":"gilbert@pellegrom.me"}],"_npmUser":{"name":"gilbitron","email":"gilbert@pellegrom.me"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flexmasonry_0.2.1_1555677519501_0.23112340302309953"},"_hasShrinkwrap":false},"0.2.2":{"name":"flexmasonry","version":"0.2.2","description":"A lightweight masonry (cascading grid layout) library powered by flexbox","author":{"name":"Gilbert Pellegrom","email":"gilbert@pellegrom.me"},"license":"MIT","main":"dist/flexmasonry.js","scripts":{"dev":"NODE_ENV=development ./node_modules/.bin/webpack","watch":"NODE_ENV=development ./node_modules/.bin/webpack --watch","build":"webpack"},"devDependencies":{"css-loader":"^2.1.1","mini-css-extract-plugin":"^0.6.0","webpack":"^4.30.0","webpack-cli":"^3.3.0"},"gitHead":"796347e8d94db9ec8622a2c1c7d9c5ddfe6789b1","_id":"flexmasonry@0.2.2","_nodeVersion":"11.12.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-YDsKiF13e91dVTTAawVHUX0bHJG+4P27zY3nLrIeA0jUaE5eR9v1fdIiOinWliyOrpwkCEubKJH6uWjMa7Tw/w==","shasum":"45a37c043ffbd99919883f919a4c0ae6e03f037f","tarball":"https://registry.npmjs.org/flexmasonry/-/flexmasonry-0.2.2.tgz","fileCount":9,"unpackedSize":30017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcucR2CRA9TVsSAnZWagAAaIgP/3BCckuG78F55ojHX/mH\nHPvBnSiu9rn84FLSSDZea6XHwziGG3nkO693yXLC57rUOpk+rIP/MXuWsj/D\nk4PFgWNEQFglMvXEXVRZYCb7aY+qegTdGhV78xPrhCxD+F6vLal/IF32q31j\nfgQkg2N9R7TV8NVi/T/v5OZDa/0KGuQjolfPAl2JnIG3RrGReMshpl/KtqJy\nVqadINyJzppRqw/ETbSdo7mSe117JQ4UD7ovcnjhiMgH6mZOTS1eHsmHHG7g\n+FBAT/kS4BlrkeGjAcx0VCuqkp7oJW3DcysWFDYWUsMrnrCpSd0THc+EoyXh\nN5Tchu5G1txa4PrTNsOba0+AwotRnX7OqjJhVeD8RmE/ARHgDYYBTXebKDlw\nGd1cNeFsbCiDeUoSca5k2Fxsvgq136ujF9WKw8NhSzaVBN5Tal+YZ1zV/9Rk\ndfZPCxNf/Flyl0e0GT1PRNniyJjg7bnzJfXfWVZZxId/L3IztZEEevk8ocvZ\nyP5bu9dNulKc5gBUuFZnSKQl9X3gDKNSw9erLxpeBMCH7OP3pZ5HjesP/fBp\nvDguJvPHgkYgHI+8QS0EDvVYrbIZT8WaYVOT6/85p98dFNG2jR1sOXwqK5S6\nA8spi7Oo+gBWUtVueS3avhLuEe8PCvhQEccS6fThqmPpEOmQCw1Rk++orm7r\nRj+n\r\n=g4ow\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBq7TcKskMc5JmCo6mmjuslv1l0ke5M+YCh2KupM2aaVAiB+Zu4LHKa682BmbWMiuUDn2YBCDRHaUIsbR3joQMfVcQ=="}]},"maintainers":[{"name":"gilbitron","email":"gilbert@pellegrom.me"}],"_npmUser":{"name":"gilbitron","email":"gilbert@pellegrom.me"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flexmasonry_0.2.2_1555678325735_0.4935967779836341"},"_hasShrinkwrap":false},"0.2.3":{"name":"flexmasonry","version":"0.2.3","description":"A lightweight masonry (cascading grid layout) library powered by flexbox","author":{"name":"Gilbert Pellegrom","email":"gilbert@pellegrom.me"},"license":"MIT","main":"dist/flexmasonry.js","scripts":{"dev":"NODE_ENV=development ./node_modules/.bin/webpack","watch":"NODE_ENV=development ./node_modules/.bin/webpack --watch","build":"webpack"},"devDependencies":{"css-loader":"^2.1.1","mini-css-extract-plugin":"^0.6.0","webpack":"^4.30.0","webpack-cli":"^3.3.0"},"gitHead":"32ca90a7d5c140a249f029e1e6f267e62272cd7a","_id":"flexmasonry@0.2.3","_nodeVersion":"11.12.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-1Id/Ssa7+1sZvll2iyqPxamRmnp15omzWpwWVsK/wuC+ATcGHtxHlgI2MJGDF110jG1QWZN1vMHZOngEuzi/HQ==","shasum":"ff7174e88b5e432fd9d587f36d4788689d645ff9","tarball":"https://registry.npmjs.org/flexmasonry/-/flexmasonry-0.2.3.tgz","fileCount":9,"unpackedSize":25755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcucbECRA9TVsSAnZWagAAt7sP/i+cHcsZqaiNT6X87wsd\n6PPz26oRTxxBI8G9TZmtDwjN31WL4m9LjSSitn2HHTmhzcU1no21n8Z9VhDm\n3Q+U3u75C7SrZvy3cNIvs/RMK5dGbmlXfgj8qUbVSn977YnGvDqVQFWAH/iN\n07lz9Ojklk7zajUete9EuYALYK9m/m2UJS51TJAn0SgWng8yqAbxzWAWiP8A\n/71nUxk8DDQd8nxHWFwSKya+brsrMP/Qifv0D4LmyZLf0A90leNfc1CwfVd0\nqxh0p3laNSvA81lCt9GNu4Efbg1dGw/uUO6wi3ijFc7LtGff7QwZ8+Y6KVcg\nonKLtX+kade8cCE3PPVCa5GzvfM9MzoCZGfMOv/83Y+2EFLmsmasy36vhvSd\nBA/eMeaPc1fk4Tr5WlhFFLziC9YetW97LpHam2s3FjbplyHr+gRz7DxyO+P8\nkbXLtzlGxHTMyDrXZFsE29Wnb74ipImB7m3I/e3+eiyqXecH4iGP4Gk38Mwp\nFLhOOPvE7ee4Y5APnf1BUuWXEyf9gOndReR4/a6SR0LE2v0+D8yTSPHKZDBN\nnNDfIhjSWvT2mdfgonk7FyrxFxN/L4mV+4w5RRlwGhGEF54XpIOsuIkLOJbR\n/ePrrbHRTbJyfqd2cqNss4At3+V2uWz9inTiPg3h5G+sSU6C40WQlLfsJSx8\nAwgs\r\n=izMT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCi4QKnSS7BnART6yPTFXqbQ3CTvoAYLpO7qxMc5O15hwIgOu7YebMk7LsBIjvafDyJtzgp5OmqZf14tii8HLzSC7o="}]},"maintainers":[{"name":"gilbitron","email":"gilbert@pellegrom.me"}],"_npmUser":{"name":"gilbitron","email":"gilbert@pellegrom.me"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flexmasonry_0.2.3_1555678915586_0.7525189482502554"},"_hasShrinkwrap":false}},"time":{"created":"2019-04-18T19:43:02.801Z","0.1.0":"2019-04-18T19:43:03.005Z","modified":"2022-05-02T14:57:08.269Z","0.2.0":"2019-04-19T09:32:11.171Z","0.2.1":"2019-04-19T12:38:39.611Z","0.2.2":"2019-04-19T12:52:05.849Z","0.2.3":"2019-04-19T13:01:55.719Z"},"maintainers":[{"name":"gilbitron","email":"gilbert@pellegrom.me"}],"description":"A lightweight masonry (cascading grid layout) library powered by flexbox","author":{"name":"Gilbert Pellegrom","email":"gilbert@pellegrom.me"},"license":"MIT","readme":"[![npm](https://img.shields.io/npm/v/flexmasonry.svg)](https://www.npmjs.com/package/flexmasonry)\n\n# FlexMasonry\n\nFlexMasonry is a lightweight, zero-dependency, masonry (cascading grid layout) library powered by CSS flexbox. The library itself is inspired by [this article by Tobias Ahlin](https://tobiasahlin.com/blog/masonry-with-css/) on using `flex`, `:nth-child()`, and `order` to create a pure CSS masonry layout (as opposed to the hugely popular [Masonry library by David DeSandro](https://masonry.desandro.com/) that is powered by Javascript). I've taken this concept and sprinkled in some Javascript to tie it all together and make it easy to use.\n\n## Features\n\n* **Lightweight** - Just 6KB of JS and CSS\n* **Fast** - Uses CSS flexbox for layout\n* **Responsive** - Show different number of columns at different breakpoints\n* **Simple** - Just 3 options\n\n## Install\n\n* Download the [latest release](https://github.com/gilbitron/flexmasonry/releases).\n* Clone this repo.\n* Install using NPM/Yarn:\n\n```\nnpm install flexmasonry\nyarn add flexmasonry\n```\n\nThen, include the `flexmasonry.js` and `flexmasonry.css` files from the `dist` folder in your HTML. Or you can use the files directly from a CDN:\n\n```html\n<link rel=\"stylesheet\" href=\"https://unpkg.com/flexmasonry/dist/flexmasonry.css\">\n<script src=\"https://unpkg.com/flexmasonry/dist/flexmasonry.js\"></script>\n```\n\n## Usage\n\nSet up your HTML. For example:\n\n```html\n<div class=\"grid\">\n    <div><img src=\"https://source.unsplash.com/t3DHojIo-08\" alt=\"\"></div>\n    <div><img src=\"https://source.unsplash.com/Imc-IoZDMXc\" alt=\"\"></div>\n    <div><img src=\"https://source.unsplash.com/SOZWHqeXcPQ\" alt=\"\"></div>\n    <div><img src=\"https://source.unsplash.com/bkdzvgBB7rQ\" alt=\"\"></div>\n    <div><img src=\"https://source.unsplash.com/Aruugw_rJCM\" alt=\"\"></div>\n</div>\n```\n\nThen hook up the script, passing in the selector target:\n\n```js\nFlexMasonry.init('.grid');\n```\n\nFlexMasonry will then convert all `.grid` elements to masonry grids will multiple columns.\n\n## Options\n\nThe second, optional, parameter of the `init` method is an object containing options. The default options are as follows:\n\n```js\n{\n    /*\n     * If `responsive` is `true`, `breakpointCols` will be used to determine\n     * how many columns a grid should have at a given responsive breakpoint.\n     */\n    responsive: true,\n    /*\n     * A list of how many columns should be shown at different responsive\n     * breakpoints, defined by media queries.\n     */\n    breakpointCols: {\n        'min-width: 1500px': 6,\n        'min-width: 1200px': 5,\n        'min-width: 992px': 4,\n        'min-width: 768px': 3,\n        'min-width: 576px': 2,\n    },\n    /*\n     * If `responsive` is `false`, this number of columns will always be shown,\n     * no matter the width of the screen.\n     */\n    numCols: 4,\n}\n```\n\nFor example, to always shown 6 columns in your grid:\n\n```js\nFlexMasonry.init('.grid', {\n    responsive: false,\n    numCols: 6\n});\n```\n\n## Methods\n\nThe `FlexMasonry` variable has several methods:\n\n**`init(targets, options = {})`**\n\nInitialises the FlexMasonry library and sets up the `targets` as masonry grids.\n\n* `targets` can be a string, an array of elements or a `Node​List`.\n* `options` [see above](#options).\n\n**`refresh(target, options = {})`**\n\nRefreshes the `target` grid layout.\n\n* `targets` can be a string, an array of elements or a `Node​List`.\n* `options` [see above](#options).\n\n**`refreshAll(options = {})`**\n\nRefreshes the grid layouts of all `targets` passed to `init()`.\n\n* `options` [see above](#options).\n\n**`destroyAll()`**\n\nRemoves the event listeners for all `targets` passed to `init()`.\n\n## Development\n\nRun `yarn` to install the dependencies and use `demo/index.html` to test things. To watch/build the library:\n\n```\nyarn watch\nyarn build\n```\n\n## FAQ\n\n> Why not just use pure CSS?\n\nA good question! You _can_ use pure CSS to achieve the same outcome. However, there are several aspects of this setup that require a bit of \"dynamic\" updating to make it flexible and easy to use (hence the use of Javascript). The main one being that the masonry container requires a fixed height (which FlexMasonry calculates on the fly). Also the masonry container needs a certain number of \"break\" elements to work properly depending on the number of columns. To enable this, and to support having a different number of columns at different responsive breakpoints, we need Javascript.\n\n## Credits\n\nFlexMasonry was created by [Gilbert Pellegrom](https://gilbitron.me) from [Dev7studios](https://dev7studios.co). Released under the MIT license.\n","readmeFilename":"README.md"}