@polymer/iron-flex-layout - npm Package Compare versions

Comparing version 3.0.0-pre.12 to 3.0.0-pre.13

iron-flex-layout-classes.html

iron-flex-layout.js

		@@ -1,3 +0,66 @@
		import '@polymer/polymer/polymer-legacy.js';
		const $_documentContainer = document.createElement('div');
		/**
		@license
		Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
		This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
		The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
		The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
		Code distributed by Google as part of the polymer project is also
		subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
		*/
		/**
		The `<iron-flex-layout>` component provides simple ways to use
		[CSS flexible box layout](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes),
		also known as flexbox. This component provides two different ways to use flexbox:

		1. [Layout classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/iron-flex-layout-classes.html).
		The layout class stylesheet provides a simple set of class-based flexbox rules, that
		let you specify layout properties directly in markup. You must include this file
		in every element that needs to use them.

		Sample use:

		```
		<custom-element-demo>
		<template>
		<script src="../webcomponentsjs/webcomponents-lite.js"></script>
		<next-code-block></next-code-block>
		</template>
		</custom-element-demo>
		```

		```html
		<link rel="import" href="iron-flex-layout-classes.html">
		<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
		<style>
		.test { width: 100px; }
		</style>
		<div class="layout horizontal center-center">
		<div class="test">horizontal layout center alignment</div>
		</div>
		```

		2. [Custom CSS mixins](https://github.com/PolymerElements/iron-flex-layout/blob/master/iron-flex-layout.html).
		The mixin stylesheet includes custom CSS mixins that can be applied inside a CSS rule using the `@apply` function.

		Please note that the old [/deep/ layout classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/classes)
		are deprecated, and should not be used. To continue using layout properties
		directly in markup, please switch to using the new `dom-module`-based
		[layout classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/iron-flex-layout-classes.html).
		Please note that the new version does not use `/deep/`, and therefore requires you
		to import the `dom-modules` in every element that needs to use them.

		A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `<iron-flex-layout>` is available.

		@group Iron Elements
		@pseudoElement iron-flex-layout
		@demo demo/index.html
		*/
		/*
		FIXME(polymer-modulizer): the above comments were extracted
		from HTML and may be out of place here. Review them and
		then delete this comment!
		*/
		import '../polymer/polymer-legacy.js';

		const $_documentContainer = document.createElement('template');
		$_documentContainer.setAttribute('style', 'display: none;');
		@@ -357,5 +420,5 @@

		document.head.appendChild($_documentContainer);
		document.head.appendChild($_documentContainer.content);
		var style = document.createElement('style');
		style.textContent = '[hidden] { display: none !important; }';
		document.head.appendChild(style);

manifest.json

		@@ -8,3 +8,3 @@ {
		"iron-flex-layout-classes.html": {
		"convertedUrl": "iron-flex-layout-classes.js",
		"convertedUrl": "iron-flex-layout-classes.html",
		"exports": {}
		@@ -11,0 +11,0 @@ },

package.json

		@@ -17,12 +17,14 @@ {
		"bower": "^1.8.0",
		"@polymer/test-fixture": "3.0.0-pre.12",
		"wct-browser-legacy": "0.0.1-pre.11",
		"@webcomponents/webcomponentsjs": "^1.0.0",
		"@polymer/iron-component-page": "3.0.0-pre.12",
		"@polymer/iron-demo-helpers": "3.0.0-pre.12"
		"webmat": "^0.2.0",
		"@polymer/test-fixture": "^3.0.0-pre.13",
		"wct-browser-legacy": "^0.0.1-pre.11",
		"@webcomponents/webcomponentsjs": "^2.0.0-0",
		"@polymer/iron-component-page": "^3.0.0-pre.13",
		"@polymer/iron-demo-helpers": "^3.0.0-pre.13"
		},
		"scripts": {
		"update-types": "bower install && gen-typescript-declarations --deleteExisting --outDir ."
		"update-types": "bower install && gen-typescript-declarations --deleteExisting --outDir .",
		"format": "webmat && npm run update-types"
		},
		"version": "3.0.0-pre.12",
		"version": "3.0.0-pre.13",
		"resolutions": {
		@@ -37,4 +39,4 @@ "inherits": "2.0.3",
		"dependencies": {
		"@polymer/polymer": "3.0.0-pre.12"
		"@polymer/polymer": "^3.0.0-pre.13"
		}
		}

iron-flex-layout-classes.js

.travis.yml