Index: third_party/polymer/components-chromium/core-animated-pages/transitions/hero-transition.css |
diff --git a/third_party/polymer/components-chromium/core-animated-pages/transitions/hero-transition.css b/third_party/polymer/components-chromium/core-animated-pages/transitions/hero-transition.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..093b9cb83573b48b196f67b9bdde7c53abe46c79 |
--- /dev/null |
+++ b/third_party/polymer/components-chromium/core-animated-pages/transitions/hero-transition.css |
@@ -0,0 +1,12 @@ |
+/* Hide heroes that are not currently transitioning */ |
+polyfill-next-selector { content: ':host > [animate] [hero]'; } |
+::content > [animate] /deep/ [hero], ::content > [animate]::shadow [hero] { |
+ visibility: hidden; |
+} |
+ |
+polyfill-next-selector { content: ':host > .core-selected[animate] [hero]'; } |
+::content > .core-selected[animate] /deep/ [hero], |
+::content > .core-selected[animate]::shadow [hero] { |
+ visibility: visible; |
+ z-index: 10000; |
+} |