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

Unified Diff: third_party/polymer/components-chromium/paper-shadow/paper-shadow.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-shadow/paper-shadow.css
diff --git a/third_party/polymer/components-chromium/paper-shadow/paper-shadow.css b/third_party/polymer/components-chromium/paper-shadow/paper-shadow.css
new file mode 100644
index 0000000000000000000000000000000000000000..e5cfec719ee7c14c73a103ac40a9693fff09e8f0
--- /dev/null
+++ b/third_party/polymer/components-chromium/paper-shadow/paper-shadow.css
@@ -0,0 +1,81 @@
+.paper-shadow {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ border-radius: inherit;
+ pointer-events: none;
+}
+
+.paper-shadow-animated.paper-shadow {
+ transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.paper-shadow-top-z-1 {
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
+}
+
+.paper-shadow-bottom-z-1 {
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+}
+
+.paper-shadow-top-z-2 {
+ box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+.paper-shadow-bottom-z-2 {
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+}
+
+.paper-shadow-top-z-3 {
+ box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
+}
+
+.paper-shadow-bottom-z-3 {
+ box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
+}
+
+.paper-shadow-top-z-4 {
+ box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
+}
+
+.paper-shadow-bottom-z-4 {
+ box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
+}
+
+.paper-shadow-top-z-5 {
+ box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22);
+}
+
+.paper-shadow-bottom-z-5 {
+ box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
+}
+
+.paper-shadow-animate-z-1-z-2.paper-shadow-top {
+ -webkit-transition: none;
+ -webkit-animation: animate-shadow-top-z-1-z-2 0.7s infinite alternate;
+}
+
+.paper-shadow-animate-z-1-z-2 .paper-shadow-bottom {
+ -webkit-transition: none;
+ -webkit-animation: animate-shadow-bottom-z-1-z-2 0.7s infinite alternate;
+}
+
+@-webkit-keyframes animate-shadow-top-z-1-z-2 {
+ 0% {
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
+ }
+ 100% {
+ box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ }
+}
+
+@-webkit-keyframes animate-shadow-bottom-z-1-z-2 {
+ 0% {
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+ }
+ 100% {
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
+ }
+}

Powered by Google App Engine
This is Rietveld 408576698