{"bugs":{"url":"https://github.com/PolymerElements/iron-flex-layout/issues"},"dist":{"shasum":"3436278e5ba65d423e3bdb1a7682e1611709c23f","tarball":"https://registry.npmjs.org/@polymer/iron-flex-layout/-/iron-flex-layout-3.0.0-pre.10.tgz","fileCount":15,"integrity":"sha512-3mYjBfXJa5ytzSB0SsG++RbI1imRWGA7NKQbBQYWvAFf0QSJZ4/Q2VRvB+uI55mNK1jEIoQ+HWMbl4Edl2N2Gg==","signatures":[{"sig":"MEUCICocyTarXX4b1k41kax91F9HMhM6KaEi66T7dd3KD+nSAiEA8e1EpmsOrXwO251r9oJ1jNJe5aW79ozyBS2G/uBT7j4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74597},"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":"f9dcb4b8b472cd93f8c51e1d451548d2a5b0a1c5","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.4.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":"8.2.1","contributors":[{"name":"The Polymer Authors"}],"dependencies":{"@polymer/polymer":"^3.0.0-pre.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"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"},"_npmOperationalInternal":{"tmp":"tmp/iron-flex-layout_3.0.0-pre.10_1519341320528_0.5000401904615053","host":"s3://npm-registry-packages"},"_id":"@polymer/iron-flex-layout@3.0.0-pre.10","version":"3.0.0-pre.10"}