{"bugs":{"url":"https://github.com/PolymerElements/iron-flex-layout/issues"},"dist":{"shasum":"ccd83bd558cf450b570cd93f7d7de884b5e0e6aa","tarball":"https://registry.npmjs.org/@polymer/iron-flex-layout/-/iron-flex-layout-3.0.0-pre.20.tgz","fileCount":17,"integrity":"sha512-KTDLe460FziVIuNOqwDfhvWbXANRdCDWywlpnX29SsR7QOKVudHr1HdXR0WFllL9uM3Jbx+VCq87lD+wHBS3jA==","signatures":[{"sig":"MEYCIQCyia590tIUqGbKxhg65NgdHp3C32Nn5LSnWOjzmXPEtwIhAJ11Kb3CYQToqjlLDvLFvDnRyetseuKNXWckSRFLVexD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115834,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbLZHoCRA9TVsSAnZWagAA6yIP/2lQk0dy3UEclOwew9u8\n1axIAYrtN29hjdOXaoodmJanaTmijMkTAPEI5wz5Kkc+uTlGuHSoqLCHMTIS\nr1rPnvOPngi0v+T2O9YmDZ1l4+JXvrSzTzuX+ZDncaYv1RA3WQ1RxyRptyOY\n6v5n8d13QdV5HEr9GWeOIFyhdGHCyaEVxJlDdDfau6hccm8R0+eijF9qoFeQ\ne/fbfbK3dBuM3g7nsFp0hRCUYCMp6djDjgl60IjODT98QhoNVTrd3VQP2EUF\n9t7Vw2VV0eH8sUwA+yyvx+ZskKtY+eZaj7FOUawLwYM7nzTBV7zbFlS+up8L\nozbax2QnZOHdPaKBHeao3+flFugj5bdjFL75lho5GYVMxM+EulWvjrui/GNZ\nHNAyfPVWdprbU6Q/WXSzilehoeflUnB4Rf/yR+WswaosOEgpy32vSFmMRv59\n6wy1OsIyoVxrph8xzH/O2VlilRys/q1AC2U71Gv7y+LCxMXoDuYg5OkF0LeQ\nRMbq20emiAPI9ZHy1ulz+FeAJfFcNtokoyYwExNS2E/om2iCS8fZaZleTBL4\nVOTM/gE59jYvZ+bcAFEiXchcDSDH2xQsfs+pFSRLcHJmFnXTX3ztnL6rA8C2\nm8h20+68J1L5F0cTzLp7Za2MxTO8+FTzdMlrUHihaCizSyUdETLHg/wjHIe2\nPOYd\r\n=ndSi\r\n-----END PGP SIGNATURE-----\r\n"},"name":"@polymer/iron-flex-layout","author":{"name":"The Polymer Authors"},"readme":"[![Build status](https://travis-ci.org/PolymerElements/iron-flex-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-flex-layout)\n[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/PolymerElements/iron-flex-layout)\n\n## &lt;iron-flex-layout&gt;\n\nThe `<iron-flex-layout>` component provides simple ways to use\n[CSS flexible box layout](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes),\nalso known as flexbox. This component provides two different ways to use flexbox:\n\n1. [Layout classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/iron-flex-layout-classes.html).\nThe layout class stylesheet provides a simple set of class-based flexbox rules, that\nlet you specify layout properties directly in markup. You must include this file\nin every element that needs to use them.\n\nSample use:\n\n<!--\n```\n<custom-element-demo>\n  <template>\n    <script src=\"../webcomponentsjs/webcomponents-lite.min.js\"></script>\n    <link rel=\"import\" href=\"iron-flex-layout-classes.html\">\n    <dom-module id=\"demo-element\">\n      <template>\n        <custom-style>\n          <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\"></style>\n        </custom-style>\n        <style>\n          .container, .layout {\n            background-color: #ccc;\n            padding: 4px;\n          }\n          .container div, .layout div {\n            background-color: white;\n            padding: 12px;\n            margin: 4px;\n          }\n        </style>\n        <next-code-block></next-code-block>\n      </template>\n      <script>Polymer({is: \"demo-element\"});</script>\n    </dom-module>\n    <demo-element></demo-element>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<div class=\"layout horizontal layout-start\" style=\"height: 154px\">\n  <div>cross axis start alignment</div>\n</div>\n```\n\n1. [Custom CSS mixins](https://github.com/PolymerElements/iron-flex-layout/blob/master/iron-flex-layout.html).\nThe mixin stylesheet includes custom CSS mixins that can be applied inside a CSS rule using the `@apply` function.\n\nA complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `<iron-flex-layout>` is available.\n\n## Changes in 2.0\n- removed the deprecated `/deep/` classes -- files removed: `classes/iron-flex-layout.html`, `classes/iron-shadow-flex-layout` \n\n","gitHead":"374ce350485d8bf624d8aefbc994699b3290eb4e","license":"BSD-3-Clause","scripts":{"format":"webmat && npm run update-types","update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"emarquez","email":"emarquez@google.com"},"homepage":"https://github.com/PolymerElements/iron-flex-layout#readme","keywords":["web-components","polymer","layout"],"repository":{"url":"git://github.com/PolymerElements/iron-flex-layout.git","type":"git"},"_npmVersion":"6.1.0","description":"Provide flexbox-based layouts","directories":{},"maintainers":[{"name":"aomarks","email":"aomarks@google.com"},{"name":"azakus","email":"dfreedm2@gmail.com"},{"name":"emarquez","email":"emarquez@google.com"},{"name":"keanulee","email":"npm@keanulee.com"},{"name":"notwaldorf","email":"notwaldorf@gmail.com"},{"name":"polymer-devs","email":"admin@polymer-project.org"},{"name":"usergenic","email":"brendan@usergenic.com"}],"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2","@webcomponents/webcomponentsjs":"2.0.0-beta.2"},"_nodeVersion":"9.8.0","dependencies":{"@polymer/polymer":"^3.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","webmat":"^0.2.0","wct-browser-legacy":"^1.0.1","@polymer/test-fixture":"^3.0.0-pre.20","@polymer/iron-demo-helpers":"^3.0.0-pre.20","@polymer/iron-component-page":"^3.0.0-pre.20","@webcomponents/webcomponentsjs":"^2.0.0","@polymer/gen-typescript-declarations":"^1.2.2"},"_npmOperationalInternal":{"tmp":"tmp/iron-flex-layout_3.0.0-pre.20_1529713128705_0.9699781284828854","host":"s3://npm-registry-packages"},"_id":"@polymer/iron-flex-layout@3.0.0-pre.20","version":"3.0.0-pre.20"}