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); |
+ } |
+} |