From 224e081b344b2270caad0bd80f2b6bd8d51f8f33 Mon Sep 17 00:00:00 2001 From: caranicas Date: Mon, 5 Jun 2017 13:41:43 -0400 Subject: [PATCH 1/2] break out column directions as mixins --- iron-flex-layout.html | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/iron-flex-layout.html b/iron-flex-layout.html index 5050ce8..7aead18 100644 --- a/iron-flex-layout.html +++ b/iron-flex-layout.html @@ -90,22 +90,28 @@ flex-direction: row-reverse; }; - --layout-vertical: { - @apply --layout; - + --layout-direction-column: { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }; - - --layout-vertical-reverse: { + + --layout-vertical: { @apply --layout; + @apply --layout-direction-column; + }; + --layout-direction-column-reverse: { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }; + --layout-vertical-reverse: { + @apply --layout; + @apply --layout-direction-column-reverse; + }; + --layout-wrap: { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; From 1fa7ff9265fccae6b1367c9dcdfe10e5b1608b8d Mon Sep 17 00:00:00 2001 From: caranicas Date: Mon, 5 Jun 2017 13:41:43 -0400 Subject: [PATCH 2/2] break out column directions as mixins --- iron-flex-layout.html | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/iron-flex-layout.html b/iron-flex-layout.html index 5050ce8..7aead18 100644 --- a/iron-flex-layout.html +++ b/iron-flex-layout.html @@ -90,22 +90,28 @@ flex-direction: row-reverse; }; - --layout-vertical: { - @apply --layout; - + --layout-direction-column: { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }; - - --layout-vertical-reverse: { + + --layout-vertical: { @apply --layout; + @apply --layout-direction-column; + }; + --layout-direction-column-reverse: { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }; + --layout-vertical-reverse: { + @apply --layout; + @apply --layout-direction-column-reverse; + }; + --layout-wrap: { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;