Index: pkg/polymer/lib/elements/polymer-flex-layout/polymer-flex-layout.css |
diff --git a/pkg/polymer/lib/elements/polymer-flex-layout/polymer-flex-layout.css b/pkg/polymer/lib/elements/polymer-flex-layout/polymer-flex-layout.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7558546c1080fbbf8a6793dab0a8a852c58917c9 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-flex-layout/polymer-flex-layout.css |
@@ -0,0 +1,182 @@ |
+/* |
+Copyright 2013 The Polymer Authors. All rights reserved. |
+Use of this source code is governed by a BSD-style |
+license that can be found in the LICENSE file. |
+*/ |
+.flexbox, [flexbox], [h-flexbox], [v-flexbox] { |
+ display: -webkit-box !important; |
+ display: -ms-flexbox !important; |
+ display: -moz-flex !important; |
+ display: -webkit-flex !important; |
+ display: flex !important; |
+} |
+ |
+.flexbox.row, [flexbox], [h-flexbox] { |
+ -webkit-box-orient: horizontal; |
+ -ms-flex-direction: row; |
+ -moz-flex-direction: row; |
+ -webkit-flex-direction: row; |
+ flex-direction: row; |
+} |
+ |
+.flexbox.column, [v-flexbox] { |
+ -webkit-box-orient: vertical; |
+ -ms-flex-direction: column; |
+ -moz-flex-direction: column; |
+ -webkit-flex-direction: column; |
+ flex-direction: column; |
+} |
+ |
+.flex, [flex], [fit] { |
+ -webkit-box-flex: 1; |
+ -ms-flex: 1; |
+ -moz-flex: 1; |
+ -webkit-flex: 1; |
+ flex: 1; |
+} |
+ |
+::-webkit-distributed(.flex), |
+::-webkit-distributed([flex]), |
+::-webkit-distributed([fit]) { |
+ -webkit-box-flex: 1; |
+ -ms-flex: 1; |
+ -moz-flex: 1; |
+ -webkit-flex: 1; |
+ flex: 1; |
+} |
+ |
+.flexbox.align-start { |
+ -webkit-box-align: start; |
+ -ms-flex-align: start; |
+ -moz-align-items: flex-start; |
+ -webkit-align-items: flex-start; |
+ align-items: flex-start; |
+} |
+ |
+.flexbox.align-end { |
+ -webkit-box-align: end; |
+ -ms-flex-align: end; |
+ -moz-align-items: flex-end; |
+ -webkit-align-items: flex-end; |
+ align-items: flex-end; |
+} |
+ |
+.flexbox.align-center { |
+ -webkit-box-align: center; |
+ -ms-flex-align: center; |
+ -moz-align-items: center; |
+ -webkit-align-items: center; |
+ align-items: center; |
+} |
+ |
+.flexbox.justify-start { |
+ -webkit-box-pack: start; |
+ -ms-flex-pack: start; |
+ -moz-justify-content: flex-start; |
+ -webkit-justify-content: flex-start; |
+ justify-content: flex-start; |
+} |
+ |
+.flexbox.justify-end { |
+ -webkit-box-pack: end; |
+ -ms-flex-pack: end; |
+ -moz-justify-content: flex-end; |
+ -webkit-justify-content: flex-end; |
+ justify-content: flex-end; |
+} |
+ |
+.flexbox.justify-center { |
+ -webkit-box-pack: center; |
+ -ms-flex-pack: center; |
+ -moz-justify-content: center; |
+ -webkit-justify-content: center; |
+ justify-content: center; |
+} |
+ |
+.flexbox.justify-between { |
+ -webkit-box-pack: justify; |
+ -ms-flex-pack: justify; |
+ -moz-justify-content: space-between; |
+ -webkit-justify-content: space-between; |
+ justify-content: space-between; |
+} |
+ |
+:host(.flexbox:host, [flexbox]:host, [h-flexbox]:host, [v-flexbox]:host) { |
+ display: -webkit-box !important; |
+ display: -ms-flexbox !important; |
+ display: -moz-flex !important; |
+ display: -webkit-flex !important; |
+ display: flex !important; |
+} |
+ |
+:host(.flexbox.row:host, [flexbox]:host, [h-flexbox]:host) { |
+ -webkit-box-orient: horizontal; |
+ -ms-flex-direction: row; |
+ -moz-flex-direction: row; |
+ -webkit-flex-direction: row; |
+ flex-direction: row; |
+} |
+ |
+:host(.flexbox.column:host, [v-flexbox]:host) { |
+ -webkit-box-orient: vertical; |
+ -ms-flex-direction: column; |
+ -moz-flex-direction: column; |
+ -webkit-flex-direction: column; |
+ flex-direction: column; |
+} |
+ |
+:host(.flexbox.align-start:host) { |
+ -webkit-box-align: start; |
+ -ms-flex-align: start; |
+ -moz-align-items: flex-start; |
+ -webkit-align-items: flex-start; |
+ align-items: flex-start; |
+} |
+ |
+:host(.flexbox.align-end:host) { |
+ -webkit-box-align: end; |
+ -ms-flex-align: end; |
+ -moz-align-items: flex-end; |
+ -webkit-align-items: flex-end; |
+ align-items: flex-end; |
+} |
+ |
+:host(.flexbox.align-center:host) { |
+ -webkit-box-align: center; |
+ -ms-flex-align: center; |
+ -moz-align-items: center; |
+ -webkit-align-items: center; |
+ align-items: center; |
+} |
+ |
+:host(.flexbox.justify-start:host) { |
+ -webkit-box-pack: start; |
+ -ms-flex-pack: start; |
+ -moz-justify-content: flex-start; |
+ -webkit-justify-content: flex-start; |
+ justify-content: flex-start; |
+} |
+ |
+:host(.flexbox.justify-end:host) { |
+ -webkit-box-pack: end; |
+ -ms-flex-pack: end; |
+ -moz-justify-content: flex-end; |
+ -webkit-justify-content: flex-end; |
+ justify-content: flex-end; |
+} |
+ |
+:host(.flexbox.justify-center:host) { |
+ -webkit-box-pack: center; |
+ -ms-flex-pack: center; |
+ -moz-justify-content: center; |
+ -webkit-justify-content: center; |
+ justify-content: center; |
+} |
+ |
+:host(.flexbox.justify-between:host) { |
+ -webkit-box-pack: justify; |
+ -ms-flex-pack: justify; |
+ -moz-justify-content: space-between; |
+ -webkit-justify-content: space-between; |
+ justify-content: space-between; |
+} |