Index: third_party/polymer/v0_8/components-chromium/paper-card/paper-card.html |
diff --git a/third_party/polymer/v0_8/components-chromium/paper-card/paper-card.html b/third_party/polymer/v0_8/components-chromium/paper-card/paper-card.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..09e58c6d517836e5b5ded654098400b51851fb6a |
--- /dev/null |
+++ b/third_party/polymer/v0_8/components-chromium/paper-card/paper-card.html |
@@ -0,0 +1,55 @@ |
+<!-- |
+Copyright (c) 2015 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 |
+--><!-- |
+ |
+`paper-card` is a container that renders two shadows on top of each other to |
+create the effect of a lifted piece of paper. |
+ |
+Example: |
+ |
+ <paper-card elevation="1"> |
+ ... card content ... |
+ </paper-card> |
+ |
+@group Paper Elements |
+@class paper-card |
+--><html><head><link href="../polymer/polymer.html" rel="import"> |
+<link href="../paper-styles/shadow.html" rel="import"> |
+</head><body><dom-module id="paper-card"> |
+ <style> |
+ :host { |
+ display: block; |
+ position: relative; |
+ mixin(--shadow-transition); |
+ } |
+ |
+ :host([elevation="1"]) { |
+ mixin(--shadow-elevation-1); |
+ } |
+ |
+ :host([elevation="2"]) { |
+ mixin(--shadow-elevation-2); |
+ } |
+ |
+ :host([elevation="3"]) { |
+ mixin(--shadow-elevation-3); |
+ } |
+ |
+ :host([elevation="4"]) { |
+ mixin(--shadow-elevation-4); |
+ } |
+ |
+ :host([elevation="5"]) { |
+ mixin(--shadow-elevation-5); |
+ } |
+ </style> |
+ <template> |
+ <content></content> |
+ </template> |
+</dom-module> |
+<script src="paper-card-extracted.js"></script></body></html> |