Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(8)

Unified Diff: third_party/polymer/components-chromium/core-layout/core-layout.css

Issue 592593002: Inline scripts were extracted from Polymer elements. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: s/echo ""/echo/ Created 6 years, 3 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
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;
+}

Powered by Google App Engine
This is Rietveld 408576698