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

Unified Diff: third_party/polymer/components-chromium/paper-toast/paper-toast.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/paper-toast/paper-toast.css
diff --git a/third_party/polymer/components-chromium/paper-toast/paper-toast.css b/third_party/polymer/components-chromium/paper-toast/paper-toast.css
new file mode 100644
index 0000000000000000000000000000000000000000..a677104648a6e3f700ba1b908a85462b95709e85
--- /dev/null
+++ b/third_party/polymer/components-chromium/paper-toast/paper-toast.css
@@ -0,0 +1,80 @@
+/*
+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 {
+ display: inline-block;
+ background: #323232;
+ color: #f1f1f1;
+ min-height: 48px;
+ min-width: 288px;
+ padding: 16px 24px 12px;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+ border-radius: 2px;
+ bottom: 12px;
+ left: 12px;
+ font-size: 14px;
+ cursor: default;
+}
+
+:host(.capsule) {
+ border-radius: 24px;
+}
+
+:host(.fit-bottom) {
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ min-width: 0;
+ border-radius: 0;
+}
+
+:host(.core-transition.dragging) {
+ transition: none;
+}
+
+:host(.core-transition.fade-out-down),
+:host(.core-transition.fade-out-up),
+:host(.core-transition.fade-out-right),
+:host(.core-transition.fade-out-left) {
+ opacity: 0;
+ transition: -webkit-transform 0.08s ease-in-out, opacity 0.08s ease-in-out;
+ transition: transform 0.08s ease-in-out, opacity 0.08s ease-in-out;
+}
+
+:host(.core-transition.fade-out-down) {
+ -webkit-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+
+:host(.core-transition.fade-out-up) {
+ -webkit-transform: translate(0, -100%);
+ transform: translate(0, -100%);
+}
+
+:host(.core-transition.fade-out-right) {
+ -webkit-transform: translate(100%, 0);
+ transform: translate(100%, 0);
+}
+
+:host(.core-transition.fade-out-left) {
+ -webkit-transform: translate(-100%, 0);
+ transform: translate(-100%, 0);
+}
+
+.toast-container {
+ overflow: hidden;
+}
+
+.toast-action {
+ padding-left: 24px;
+ cursor: pointer;
+ text-transform: uppercase;
+}

Powered by Google App Engine
This is Rietveld 408576698