{"_id":"grapesjs-blocks-flexbox","_rev":"2-fd6d884b3473d9e5f9a5f2868586672b","name":"grapesjs-blocks-flexbox","description":"Add the flexbox block","dist-tags":{"latest":"1.0.1"},"versions":{"0.1.1":{"name":"grapesjs-blocks-flexbox","version":"0.1.1","description":"Add the flexbox block","main":"dist/grapesjs-blocks-flexbox.min.js","scripts":{"lint":"eslint src","v:patch":"npm version --no-git-tag-version patch","build":"npm run v:patch && webpack --env.production","start":"webpack-dev-server --open --progress --colors"},"repository":{"type":"git","url":"git+https://github.com/artf/grapesjs-blocks-flexbox.git"},"keywords":["grapesjs","plugin","flexbox","wysiwyg"],"author":{"name":"Artur Arseniev"},"license":"BSD-3-Clause","babel":{"presets":["env"],"plugins":["transform-object-rest-spread"]},"peerDependencies":{"grapesjs":"0.x"},"devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","html-webpack-plugin":"^2.30.1","eslint":"^4.1.1","webpack":"^3.8.1","webpack-dev-server":"^2.9.4"},"gitHead":"7324567bc6000f4ae86abfeea594b630cbcf7502","bugs":{"url":"https://github.com/artf/grapesjs-blocks-flexbox/issues"},"homepage":"https://github.com/artf/grapesjs-blocks-flexbox#readme","_id":"grapesjs-blocks-flexbox@0.1.1","_npmVersion":"5.5.1","_nodeVersion":"7.6.0","_npmUser":{"name":"artf","email":"artur.catch@hotmail.it"},"dist":{"integrity":"sha512-TteRG7r14+j03kagaN/75l6r04Qd3YRBKCB8x1SZC4eH8L3BW29xXef9Svk7SD2j6/DPsketC2131xgpDv5dsQ==","shasum":"d973abe40319bfbdfcab5351a335ac3494f52772","tarball":"https://registry.npmjs.org/grapesjs-blocks-flexbox/-/grapesjs-blocks-flexbox-0.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEu7V65NIlh7UjrogFbij73fgva8oOvJTa9D8UXQT4LAAiEA2ruqzOvlEp++ZU3IX3jdIHFTM0RnEbeMJPm822jkq/4="}]},"maintainers":[{"name":"artf","email":"artur.catch@hotmail.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-blocks-flexbox-0.1.1.tgz_1512931813424_0.6245092048775405"},"directories":{}},"1.0.1":{"name":"grapesjs-blocks-flexbox","version":"1.0.1","description":"Add the flexbox block","main":"dist/index.js","scripts":{"build":"grapesjs-cli build","start":"grapesjs-cli serve"},"repository":{"type":"git","url":"git+https://github.com/GrapesJS/blocks-flexbox.git"},"keywords":["grapesjs","plugin","flexbox","wysiwyg"],"author":{"name":"Artur Arseniev"},"license":"BSD-3-Clause","devDependencies":{"grapesjs":"^0.21.2","grapesjs-cli":"^4.1.1"},"gitHead":"a2f716b6f0342aba3ac230d04819c768a8506a48","bugs":{"url":"https://github.com/GrapesJS/blocks-flexbox/issues"},"homepage":"https://github.com/GrapesJS/blocks-flexbox#readme","_id":"grapesjs-blocks-flexbox@1.0.1","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-V0tynCVJufvEOpMpVr+WgQ/8tkaq+QZiAPmYtTQUEac4UPabmLHID485w3vjXEk50zjubdA86droeNj72oniYQ==","shasum":"120ca3cf7fa5981acc5a80200e94959842cb1fdf","tarball":"https://registry.npmjs.org/grapesjs-blocks-flexbox/-/grapesjs-blocks-flexbox-1.0.1.tgz","fileCount":6,"unpackedSize":15091,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRaj73Ty+2bnFtSatluYaBst1cI/fWJWlFYu16Q70TawIgARu9y6ZuNMYc/Zpyi6ulnlyvdRlR4SJ7PMj6lyDA7KI="}]},"_npmUser":{"name":"artf","email":"artur.catch@hotmail.it"},"directories":{},"maintainers":[{"name":"artf","email":"artur.catch@hotmail.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-blocks-flexbox_1.0.1_1686570658289_0.5261219870716694"},"_hasShrinkwrap":false}},"readme":"# GrapesJS Blocks Flexbox\n\nThis plugin adds the Flexbox block which allows creating easily flexible and responsive columns\n\n[Demo](https://codepen.io/artf/full/qpWBRW/)\n\n\n## Summary\n\n* Plugin name: `grapesjs-blocks-flexbox`\n* Blocks\n  * `flexbox`\n\n\n\n\n\n## Options\n\n|Option|Description|Default|\n|-|-|-\n|`stylePrefix`|Classes prefix|`''`|\n|`flexboxBlock`|Use this to extend the default flexbox block|`{}`|\n|`labelRow`|Row label|`Row`|\n|`labelColumn`|Column label|`Column`|\n\n\n\n\n\n## Download\n\n* CDN\n  * `https://unpkg.com/grapesjs-blocks-flexbox`\n* NPM\n  * `npm i grapesjs-blocks-flexbox`\n* GIT\n  * `git clone https://github.com/GrapesJS/blocks-flexbox.git`\n\n\n\n\n\n## Usage\n\n```html\n<link href=\"https://unpkg.com/grapesjs/dist/css/grapes.min.css\" rel=\"stylesheet\"/>\n<script src=\"https://unpkg.com/grapesjs\"></script>\n<script src=\"path/to/grapesjs-blocks-flexbox.min.js\"></script>\n\n<div id=\"gjs\"></div>\n\n<script type=\"text/javascript\">\n  var editor = grapesjs.init({\n      container : '#gjs',\n      ...\n      plugins: ['grapesjs-blocks-flexbox'],\n      pluginsOpts: {\n        'grapesjs-blocks-flexbox': {\n          // options\n        }\n      }\n  });\n</script>\n```\n\n\n\n\n\n## Development\n\nClone the repository\n\n```sh\n$ git clone https://github.com/GrapesJS/blocks-flexbox.git\n$ cd blocks-flexbox\n```\n\nInstall dependencies\n\n```sh\n$ npm i\n```\n\nStart the dev server\n\n```sh\n$ npm start\n```\n\n\n\n\n\n## License\n\nBSD 3-Clause\n","maintainers":[{"name":"artf","email":"artur.catch@hotmail.it"}],"time":{"modified":"2023-06-12T11:50:58.555Z","created":"2017-12-10T18:50:14.376Z","0.1.1":"2017-12-10T18:50:14.376Z","1.0.1":"2023-06-12T11:50:58.453Z"},"homepage":"https://github.com/GrapesJS/blocks-flexbox#readme","keywords":["grapesjs","plugin","flexbox","wysiwyg"],"repository":{"type":"git","url":"git+https://github.com/GrapesJS/blocks-flexbox.git"},"author":{"name":"Artur Arseniev"},"bugs":{"url":"https://github.com/GrapesJS/blocks-flexbox/issues"},"license":"BSD-3-Clause","readmeFilename":"README.md"}