{"bugs":{"url":"https://github.com/PolymerElements/iron-flex-layout/issues"},"dist":{"shasum":"209791d067521115e61a9fb2cb4070f0de82322b","tarball":"https://registry.npmjs.org/@polymer/iron-flex-layout/-/iron-flex-layout-3.0.0-pre.12.tgz","fileCount":16,"integrity":"sha512-JvctZ1K5TeRsoGMxVB1yBZYEWONQvyCdcmaoCB6gOJ9R5eq5ebAg2JPNSITAp9CTL2i08Af4tQER3AXzaKyi3A==","signatures":[{"sig":"MEUCIQCMRE4/pTpd7jfaTc/bw/DFEEV/TK7CAU1BRNpU+EbACQIgWFsVrvQrJEakDnTG5Umw0m7w0qBz2fMyQl5BKBYiAKs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":111412},"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":"9668ea7bb967a01558245e61b8cf2f09cf620225","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.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","dependencies":{"@polymer/polymer":"3.0.0-pre.12"},"_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.12","@polymer/iron-demo-helpers":"3.0.0-pre.12","@polymer/iron-component-page":"3.0.0-pre.12","@webcomponents/webcomponentsjs":"^1.0.0","@polymer/gen-typescript-declarations":"^1.1.1"},"_npmOperationalInternal":{"tmp":"tmp/iron-flex-layout_3.0.0-pre.12_1521737834612_0.34430816714176316","host":"s3://npm-registry-packages"},"_id":"@polymer/iron-flex-layout@3.0.0-pre.12","version":"3.0.0-pre.12"}