@polymer/iron-flex-layout
Advanced tools
Comparing version 3.0.0-pre.8 to 3.0.0-pre.10
{ | ||
"name": "iron-flex-layout", | ||
"version": "2.0.1", | ||
"version": "2.0.3", | ||
"description": "Provide flexbox-based layouts", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
@@ -5,9 +5,10 @@ import '../polymer/polymer.js'; | ||
$_documentContainer.innerHTML = `<style> | ||
/* IE 10 support for HTML5 hidden attr */ | ||
[hidden] { | ||
display: none !important; | ||
} | ||
</style><custom-style> | ||
$_documentContainer.innerHTML = `<custom-style> | ||
<style is="custom-style"> | ||
[hidden] { | ||
display: none !important; | ||
} | ||
</style> | ||
</custom-style><custom-style> | ||
<style is="custom-style"> | ||
html { | ||
@@ -358,60 +359,4 @@ | ||
document.head.appendChild($_documentContainer); | ||
/** | ||
@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 | ||
*/ | ||
; | ||
var style = document.createElement('style'); | ||
style.textContent = '[hidden] { display: none !important; }'; | ||
document.head.appendChild(style); |
{ | ||
"name": "@polymer/iron-flex-layout", | ||
"flat": true, | ||
"version": "3.0.0-pre.8", | ||
"version": "3.0.0-pre.10", | ||
"description": "Provide flexbox-based layouts", | ||
@@ -21,10 +21,10 @@ "contributors": [ | ||
"dependencies": { | ||
"@polymer/polymer": "^3.0.0-pre.7" | ||
"@polymer/polymer": "^3.0.0-pre.10" | ||
}, | ||
"devDependencies": { | ||
"@polymer/test-fixture": "^3.0.0-pre.7", | ||
"@polymer/test-fixture": "^3.0.0-pre.10", | ||
"wct-browser-legacy": "0.0.1-pre.11", | ||
"@webcomponents/webcomponentsjs": "^1.0.0", | ||
"@polymer/iron-component-page": "^3.0.0-pre.7", | ||
"@polymer/iron-demo-helpers": "^3.0.0-pre.7" | ||
"@polymer/iron-component-page": "^3.0.0-pre.10", | ||
"@polymer/iron-demo-helpers": "^3.0.0-pre.10" | ||
}, | ||
@@ -31,0 +31,0 @@ "resolutions": { |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
74597
746