Index: lib/src/paper-material/paper-material.html |
diff --git a/lib/src/paper-material/paper-material.html b/lib/src/paper-material/paper-material.html |
index 06b258d3df863b09b9d5f7f64ecde7227a7cc1db..3affcc23ae825969a115026c6a6eeee2eaaf1c30 100644 |
--- a/lib/src/paper-material/paper-material.html |
+++ b/lib/src/paper-material/paper-material.html |
@@ -12,6 +12,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<link rel="import" href="../paper-styles/shadow.html"> |
<!-- |
+Material design: [Cards](https://www.google.com/design/spec/components/cards.html) |
`paper-material` is a container that renders two shadows on top of each other to |
create the effect of a lifted piece of paper. |
@@ -23,42 +24,42 @@ Example: |
</paper-material> |
@group Paper Elements |
-@class paper-material |
@demo demo/index.html |
--> |
<dom-module id="paper-material"> |
- <style> |
- :host { |
- display: block; |
- position: relative; |
- } |
+ <template> |
+ <style> |
+ :host { |
+ display: block; |
+ position: relative; |
+ } |
- :host([animated]) { |
- @apply(--shadow-transition); |
- } |
+ :host([animated]) { |
+ @apply(--shadow-transition); |
+ } |
- :host([elevation="1"]) { |
- @apply(--shadow-elevation-2dp); |
- } |
+ :host([elevation="1"]) { |
+ @apply(--shadow-elevation-2dp); |
+ } |
- :host([elevation="2"]) { |
- @apply(--shadow-elevation-4dp); |
- } |
+ :host([elevation="2"]) { |
+ @apply(--shadow-elevation-4dp); |
+ } |
- :host([elevation="3"]) { |
- @apply(--shadow-elevation-6dp); |
- } |
+ :host([elevation="3"]) { |
+ @apply(--shadow-elevation-6dp); |
+ } |
- :host([elevation="4"]) { |
- @apply(--shadow-elevation-8dp); |
- } |
+ :host([elevation="4"]) { |
+ @apply(--shadow-elevation-8dp); |
+ } |
+ |
+ :host([elevation="5"]) { |
+ @apply(--shadow-elevation-16dp); |
+ } |
+ </style> |
- :host([elevation="5"]) { |
- @apply(--shadow-elevation-16dp); |
- } |
- </style> |
- <template> |
<content></content> |
</template> |
</dom-module> |
@@ -67,7 +68,6 @@ Example: |
is: 'paper-material', |
properties: { |
- |
/** |
* The z-depth of this element, from 0-5. Setting to 0 will remove the |
* shadow, and each increasing number greater than 0 will be "deeper" |