{"bugs":{"url":"https://github.com/PolymerElements/iron-flex-layout/issues"},"dist":{"shasum":"11b0c9e800ced13db0e2607ce3badf6d3dedb163","tarball":"https://registry.npmjs.org/@polymer/iron-flex-layout/-/iron-flex-layout-3.0.0-pre.11.tgz","fileCount":15,"integrity":"sha512-MCrwsE6xgjAFFGAwcW54TOf6LYcn9co37x4sXACUkl/oAzMr+yLEOE4W1bR/fpmUS4PFvHMch6esDtdKeb1ijw==","signatures":[{"sig":"MEYCIQD8x5MyvzaAaqBdvHaZ4FL6C/CSDyYUB7mudj46j9AtFwIhALJFA9qShzl2lHIfDRq9LYTfKKutbb9W8I7JS4sTtcvX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":110607},"main":"iron-flex-layout.js","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":"0b5667d0b5093d81ae62f238d9ff89b056f1cea6","license":"BSD-3-Clause","scripts":{"update-types":"bower install && gen-typescript-declarations --deleteExisting --outDir ."},"_npmUser":{"name":"polymer","email":"admin@polymer-project.org"},"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":"5.6.0","description":"Provide flexbox-based layouts","directories":{},"maintainers":[{"name":"polymer","email":"admin@polymer-project.org"}],"resolutions":{"samsam":"1.1.3","inherits":"2.0.3","type-detect":"1.0.0","supports-color":"3.1.2"},"_nodeVersion":"9.7.1","dependencies":{"@polymer/polymer":"^3.0.0-pre.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"bower":"^1.8.0","wct-browser-legacy":"0.0.1-pre.11","@polymer/test-fixture":"^3.0.0-pre.10","@polymer/iron-demo-helpers":"^3.0.0-pre.10","@polymer/iron-component-page":"^3.0.0-pre.10","@webcomponents/webcomponentsjs":"^1.0.0","@polymer/gen-typescript-declarations":"^1.1.1"},"_npmOperationalInternal":{"tmp":"tmp/iron-flex-layout_3.0.0-pre.11_1520558233855_0.9119980963619305","host":"s3://npm-registry-packages"},"_id":"@polymer/iron-flex-layout@3.0.0-pre.11","version":"3.0.0-pre.11"}