Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@polymer/iron-flex-layout

Package Overview
Dependencies
Maintainers
1
Versions
32
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 3.0.0-pre.8 to 3.0.0-pre.10

gen-tsd.json

2

bower.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc