third_party/polymer/v0_8/components-chromium/iron-flex-layout/iron-flex-layout.html - Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed.

Unified Diff: third_party/polymer/v0_8/components-chromium/iron-flex-layout/iron-flex-layout.html

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/polymer/v0_8/components-chromium/iron-flex-layout/bower.json ('k') | third_party/polymer/v0_8/components-chromium/iron-form-element-behavior/.bower.json » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/polymer/v0_8/components-chromium/iron-flex-layout/iron-flex-layout.html

diff --git a/third_party/polymer/v0_8/components-chromium/iron-flex-layout/iron-flex-layout.html b/third_party/polymer/v0_8/components-chromium/iron-flex-layout/iron-flex-layout.html

index ca7c191914c49f7158b28de544fbec388a5a0dd1..ed9cd7bb7b15412865297b4897115925f41e27b0 100644

--- a/third_party/polymer/v0_8/components-chromium/iron-flex-layout/iron-flex-layout.html

+++ b/third_party/polymer/v0_8/components-chromium/iron-flex-layout/iron-flex-layout.html

@@ -10,24 +10,24 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

-<style is="x-style">

+<style is="custom-style">

- * {

+ :root {

--layout: {

display: -ms-flexbox;

display: -webkit-flex;

display: flex;

- }

+ };

--layout-inline: {

display: -ms-inline-flexbox;

display: -webkit-inline-flex;

display: inline-flex;

- }

+ };

--layout-horizontal: {

- /* mixin(--layout); */

+ /* @apply(--layout); */

display: -ms-flexbox;

display: -webkit-flex;

display: flex;

@@ -35,16 +35,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

-ms-flex-direction: row;

-webkit-flex-direction: row;

flex-direction: row;

- }

+ };

--layout-horizontal-reverse: {

-ms-flex-direction: row-reverse;

-webkit-flex-direction: row-reverse;

flex-direction: row-reverse;

- }

+ };

--layout-vertical: {

- /* mixin(--layout); */

+ /* @apply(--layout); */

display: -ms-flexbox;

display: -webkit-flex;

display: flex;

@@ -52,109 +52,111 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

-ms-flex-direction: column;

-webkit-flex-direction: column;

flex-direction: column;

- }

+ };

--layout-vertical-reverse: {

-ms-flex-direction: column-reverse;

-webkit-flex-direction: column-reverse;

flex-direction: column-reverse;

- }

+ };

--layout-wrap: {

-ms-flex-wrap: wrap;

-webkit-flex-wrap: wrap;

flex-wrap: wrap;

- }

+ };

--layout-wrap-reverse: {

-ms-flex-wrap: wrap-reverse;

-webkit-flex-wrap: wrap-reverse;

flex-wrap: wrap-reverse;

- }

+ };

--layout-flex-auto: {

-ms-flex: 1 1 auto;

-webkit-flex: 1 1 auto;

flex: 1 1 auto;

- }

+ };

--layout-flex-none: {

-ms-flex: none;

-webkit-flex: none;

flex: none;

- }

+ };

--layout-flex: {

- -ms-flex: 1;

+ -ms-flex: 1 1 0.000000001px;

-webkit-flex: 1;

flex: 1;

- }

+ -webkit-flex-basis: 0.000000001px;

+ flex-basis: 0.000000001px;

+ };

--layout-flex-2: {

-ms-flex: 2;

-webkit-flex: 2;

flex: 2;

- }

+ };

--layout-flex-3: {

-ms-flex: 3;

-webkit-flex: 3;

flex: 3;

- }

+ };

--layout-flex-4: {

-ms-flex: 4;

-webkit-flex: 4;

flex: 4;

- }

+ };

--layout-flex-5: {

-ms-flex: 5;

-webkit-flex: 5;

flex: 5;

- }

+ };

--layout-flex-6: {

-ms-flex: 6;

-webkit-flex: 6;

flex: 6;

- }

+ };

--layout-flex-7: {

-ms-flex: 7;

-webkit-flex: 7;

flex: 7;

- }

+ };

--layout-flex-8: {

-ms-flex: 8;

-webkit-flex: 8;

flex: 8;

- }

+ };

--layout-flex-9: {

-ms-flex: 9;

-webkit-flex: 9;

flex: 9;

- }

+ };

--layout-flex-10: {

-ms-flex: 10;

-webkit-flex: 10;

flex: 10;

- }

+ };

--layout-flex-11: {

-ms-flex: 11;

-webkit-flex: 11;

flex: 11;

- }

+ };

--layout-flex-12: {

-ms-flex: 12;

-webkit-flex: 12;

flex: 12;

- }

+ };

/* alignment in cross axis */

@@ -162,19 +164,19 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

-ms-flex-align: start;

-webkit-align-items: flex-start;

align-items: flex-start;

- }

+ };

--layout-center: {

-ms-flex-align: center;

-webkit-align-items: center;

align-items: center;

- }

+ };

--layout-end: {

-ms-flex-align: end;

-webkit-align-items: flex-end;

align-items: flex-end;

- }

+ };

/* alignment in main axis */

@@ -182,41 +184,41 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

-ms-flex-pack: start;

-webkit-justify-content: flex-start;

justify-content: flex-start;

- }

+ };

--layout-center-justified: {

-ms-flex-pack: center;

-webkit-justify-content: center;

justify-content: center;

- }

+ };

--layout-end-justified: {

-ms-flex-pack: end;

-webkit-justify-content: flex-end;

justify-content: flex-end;

- }

+ };

--layout-around-justified: {

-ms-flex-pack: around;

-webkit-justify-content: space-around;

justify-content: space-around;

- }

+ };

--layout-justified: {

-ms-flex-pack: justify;

-webkit-justify-content: space-between;

justify-content: space-between;

- }

+ };

--layout-center-center: {

- /* mixin(--layout-center --layout-center-justified); */

+ /* @apply(--layout-center --layout-center-justified); */

-ms-flex-align: center;

-webkit-align-items: center;

align-items: center;

-ms-flex-pack: center;

-webkit-justify-content: center;

justify-content: center;

- }

+ };

/* self alignment */

@@ -224,25 +226,25 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

-ms-align-self: flex-start;

-webkit-align-self: flex-start;

align-self: flex-start;

- }

+ };

--layout-self-center: {

-ms-align-self: center;

-webkit-align-self: center;

align-self: center;

- }

+ };

--layout-self-end: {

-ms-align-self: flex-end;

-webkit-align-self: flex-end;

align-self: flex-end;

- }

+ };

--layout-self-stretch: {

-ms-align-self: stretch;

-webkit-align-self: stretch;

align-self: stretch;

- }

+ };

/*******************************

Other Layout

@@ -250,15 +252,15 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

--layout-block: {

display: block;

- }

+ };

--layout-invisible: {

visibility: hidden !important;

- }

+ };

--layout-relative: {

position: relative;

- }

+ };

--layout-fit: {

position: absolute;

@@ -266,12 +268,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

right: 0;

bottom: 0;

left: 0;

- }

+ };

--layout-scroll: {

-webkit-overflow-scrolling: touch;

overflow: auto;

- }

+ };

/* fixed position */

@@ -280,31 +282,31 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN

--layout-fixed-right:,

--layout-fixed-top: {

position: fixed;

- }

+ };

--layout-fixed-top: {

top: 0;

left: 0;

right: 0;

- }

+ };

--layout-fixed-right: {

top: 0;

right: 0;

bottom: 0;

- }

+ };

--layout-fixed-bottom: {

right: 0;

bottom: 0;

left: 0;

- }

+ };

--layout-fixed-left: {

top: 0;

bottom: 0;

left: 0;

- }

+ };

}