{"bugs":{"url":"https://github.com/PolymerElements/iron-flex-layout/issues"},"dist":{"shasum":"9588dec5d06e1a3d0671007680e54121141df7f4","tarball":"https://registry.npmjs.org/@polymer/iron-flex-layout/-/iron-flex-layout-3.0.0-pre.8.tgz","fileCount":15,"integrity":"sha512-+dOz8nHHzWzDOw7MQd2mL8v9IiXTXe7XRxbU6S7Xd88cjzIiNdkSwpI5FvO6QbaG6RrHVFTGUCzC9xFAI+HlUQ==","signatures":[{"sig":"MEYCIQDRu3uz4DDSRSy0C8xqtxlP2H/jAlWIIljpg4dnqhxWqQIhAIDYQRifCv9O5bCdzVqmWrSkPhqD9fUzgoq6ktlNcLRC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114216},"flat":true,"main":"iron-flex-layout.html","name":"@polymer/iron-flex-layout","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":"652c053b81331b9974cd5645bc0e1f575d02e263","license":"BSD-3-Clause","_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.5.1","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.2.0","contributors":[{"name":"The Polymer Authors"}],"dependencies":{"@polymer/polymer":"^3.0.0-pre.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"wct-browser-legacy":"0.0.1-pre.11","@polymer/test-fixture":"^3.0.0-pre.7","@polymer/iron-demo-helpers":"^3.0.0-pre.7","@polymer/iron-component-page":"^3.0.0-pre.7","@webcomponents/webcomponentsjs":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/iron-flex-layout_3.0.0-pre.8_1518029791355_0.42663681499321426","host":"s3://npm-registry-packages"},"_id":"@polymer/iron-flex-layout@3.0.0-pre.8","version":"3.0.0-pre.8"}