Index: third_party/polymer/components-chromium/core-layout/core-layout.css |
diff --git a/third_party/polymer/components-chromium/core-layout/core-layout.css b/third_party/polymer/components-chromium/core-layout/core-layout.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..80f64b0beb15348112af8a52aa688a3f8cb32311 |
--- /dev/null |
+++ b/third_party/polymer/components-chromium/core-layout/core-layout.css |
@@ -0,0 +1,216 @@ |
+/* |
+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. |
+*/ |
+ |
+.core-h, .core-v { |
+ display: -webkit-box !important; |
+ display: -ms-flexbox !important; |
+ display: -moz-flex !important; |
+ display: -webkit-flex !important; |
+ display: flex !important; |
+} |
+ |
+.core-h { |
+ -webkit-box-orient: horizontal; |
+ -ms-flex-direction: row; |
+ -moz-flex-direction: row; |
+ -webkit-flex-direction: row; |
+ flex-direction: row; |
+} |
+ |
+.core-h.core-reverse { |
+ -webkit-box-direction: reverse; |
+ -ms-flex-direction: row-reverse; |
+ -moz-flex-direction: row-reverse; |
+ -webkit-flex-direction: row-reverse; |
+ flex-direction: row-reverse; |
+} |
+ |
+.core-v { |
+ -webkit-box-orient: vertical; |
+ -ms-flex-direction: column; |
+ -moz-flex-direction: column; |
+ -webkit-flex-direction: column; |
+ flex-direction: column; |
+} |
+ |
+.core-v.core-reverse { |
+ -webkit-box-direction: reverse; |
+ -ms-flex-direction: column-reverse; |
+ -moz-flex-direction: column-reverse; |
+ -webkit-flex-direction: column-reverse; |
+ flex-direction: column-reverse; |
+} |
+ |
+.core-relative { |
+ position: relative; |
+} |
+ |
+.core-fit { |
+ position: absolute; |
+ top: 0; |
+ left: 0; |
+ height: 100%; |
+ width: 100%; |
+} |
+ |
+body.core-fit { |
+ margin: 0; |
+} |
+ |
+.core-flex, [core-flex] { |
+ -webkit-box-flex: 1; |
+ -ms-flex: 1; |
+ -moz-flex: 1; |
+ -webkit-flex: 1; |
+ flex: 1; |
+} |
+ |
+.core-flex-auto, [core-flex-auto] { |
+ -webkit-box-flex: 1; |
+ -ms-flex: 1 1 auto; |
+ -moz-flex: 1 1 auto; |
+ -webkit-flex: 1 1 auto; |
+ flex: 1 1 auto; |
+} |
+ |
+.core-flex-none, [core-flex-none] { |
+ -webkit-box-flex: none; |
+ -ms-flex: none; |
+ -moz-flex: none; |
+ -webkit-flex: none; |
+ flex: none; |
+} |
+ |
+.core-flex1, [core-flex=1] { |
+ -webkit-box-flex: 1; |
+ -ms-flex: 1; |
+ -moz-flex: 1; |
+ -webkit-flex: 1; |
+ flex: 1; |
+} |
+ |
+.core-flex2, [core-flex=2] { |
+ -webkit-box-flex: 2; |
+ -ms-flex: 2; |
+ -moz-flex: 2; |
+ -webkit-flex: 2; |
+ flex: 2; |
+} |
+ |
+.core-flex3, [core-flex=3] { |
+ -webkit-box-flex: 3; |
+ -ms-flex: 3; |
+ -moz-flex: 3; |
+ -webkit-flex: 3; |
+ flex: 3; |
+} |
+ |
+/* distributed elements */ |
+::content > .core-flex, ::content > [core-flex] { |
+ -webkit-box-flex: 1; |
+ -ms-flex: 1; |
+ -moz-flex: 1; |
+ -webkit-flex: 1; |
+ flex: 1; |
+} |
+ |
+::content > .core-flex-auto, ::content > [core-flex-auto] { |
+ -webkit-box-flex: 1; |
+ -ms-flex: 1 1 auto; |
+ -moz-flex: 1 1 auto; |
+ -webkit-flex: 1 1 auto; |
+ flex: 1 1 auto; |
+} |
+ |
+::content > .core-flex-none, ::content > [core-flex-none] { |
+ -webkit-box-flex: none; |
+ -ms-flex: none; |
+ -moz-flex: none; |
+ -webkit-flex: none; |
+ flex: none; |
+} |
+ |
+::content > .core-flex1, ::content > [core-flex=1] { |
+ -webkit-box-flex: 1; |
+ -ms-flex: 1; |
+ -moz-flex: 1; |
+ -webkit-flex: 1; |
+ flex: 1; |
+} |
+ |
+::content > .core-flex2, ::content > [core-flex=2] { |
+ -webkit-box-flex: 2; |
+ -ms-flex: 2; |
+ -moz-flex: 2; |
+ -webkit-flex: 2; |
+ flex: 2; |
+} |
+ |
+::content > .core-flex3, ::content > [core-flex=3] { |
+ -webkit-box-flex: 3; |
+ -ms-flex: 3; |
+ -moz-flex: 3; |
+ -webkit-flex: 3; |
+ flex: 3; |
+} |
+ |
+/* alignment in main axis */ |
+.core-justify-start { |
+ -webkit-box-pack: start; |
+ -ms-flex-pack: start; |
+ -moz-justify-content: flex-start; |
+ -webkit-justify-content: flex-start; |
+ justify-content: flex-start; |
+} |
+ |
+.core-justify-center { |
+ -webkit-box-pack: center; |
+ -ms-flex-pack: center; |
+ -moz-justify-content: center; |
+ -webkit-justify-content: center; |
+ justify-content: center; |
+} |
+ |
+.core-justify-end { |
+ -webkit-box-pack: end; |
+ -ms-flex-pack: end; |
+ -moz-justify-content: flex-end; |
+ -webkit-justify-content: flex-end; |
+ justify-content: flex-end; |
+} |
+ |
+.core-justify-between { |
+ -webkit-box-pack: justify; |
+ -ms-flex-pack: justify; |
+ -moz-justify-content: space-between; |
+ -webkit-justify-content: space-between; |
+ justify-content: space-between; |
+} |
+ |
+/* alignment in cross axis */ |
+.core-align-start { |
+ -webkit-box-align: start; |
+ -ms-flex-align: start; |
+ -moz-align-items: flex-start; |
+ -webkit-align-items: flex-start; |
+ align-items: flex-start; |
+} |
+ |
+.core-align-center { |
+ -webkit-box-align: center; |
+ -ms-flex-align: center; |
+ -moz-align-items: center; |
+ -webkit-align-items: center; |
+ align-items: center; |
+} |
+ |
+.core-align-end { |
+ -webkit-box-align: end; |
+ -ms-flex-align: end; |
+ -moz-align-items: flex-end; |
+ -webkit-align-items: flex-end; |
+ align-items: flex-end; |
+} |