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

Unified Diff: third_party/polymer/components-chromium/core-toolbar/core-toolbar.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-toolbar/core-toolbar.css
diff --git a/third_party/polymer/components-chromium/core-toolbar/core-toolbar.css b/third_party/polymer/components-chromium/core-toolbar/core-toolbar.css
new file mode 100644
index 0000000000000000000000000000000000000000..d9a050ae7265495a2ce36304d5fe55766ac2d991
--- /dev/null
+++ b/third_party/polymer/components-chromium/core-toolbar/core-toolbar.css
@@ -0,0 +1,110 @@
+/*
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/
+
+:host {
+ /* technical */
+ display: block;
+ position: relative;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ /* size */
+ height: 64px;
+ /* typography */
+ font-size: 1.3em;
+ /* background */
+ background-color: #CFD8DC;
+}
+
+:host(.animate) {
+ /* transition */
+ transition: height 0.18s ease-in;
+}
+
+:host(.medium-tall) {
+ height: 128px;
+}
+
+:host(.tall) {
+ height: 192px;
+}
+
+.toolbar-tools {
+ position: relative;
+ height: 64px;
+ padding: 0 8px;
+ pointer-events: none;
+}
+
+/* narrow layout */
+:host(.narrow) {
+ height: 56px;
+}
+
+:host(.narrow.medium-tall) {
+ height: 112px;
+}
+
+:host(.narrow.tall) {
+ height: 168px;
+}
+
+:host(.narrow) .toolbar-tools {
+ height: 56px;
+ padding: 0;
+}
+
+/* middle bar */
+#middleBar {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+}
+
+:host(.tall, .medium-tall) #middleBar {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+}
+
+/* bottom bar */
+#bottomBar {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+/* make elements (e.g. buttons) respond to mouse/touch events */
+polyfill-next-selector { content: '.toolbar-tools > *'; }
+::content > * {
+ pointer-events: auto;
+}
+
+/* elements spacing */
+polyfill-next-selector { content: '.toolbar-tools > *'; }
+::content > * {
+ margin: 0px 8px;
+}
+
+/* misc helpers */
+polyfill-next-selector { content: '.toolbar-tools > .fit'; }
+::content > .fit {
+ position: absolute;
+ top: auto;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: auto;
+ margin: 0;
+}
+
+polyfill-next-selector { content: ':host .indent'; }
+::content > .indent {
+ margin-left: 60px;
+}

Powered by Google App Engine
This is Rietveld 408576698