Index: polymer_1.2.3/bower_components/paper-material/paper-material.html |
diff --git a/polymer_1.0.4/bower_components/paper-material/paper-material.html b/polymer_1.2.3/bower_components/paper-material/paper-material.html |
similarity index 77% |
copy from polymer_1.0.4/bower_components/paper-material/paper-material.html |
copy to polymer_1.2.3/bower_components/paper-material/paper-material.html |
index 60f87ba5110e7cb0b8930705ae7abf1fee899b1c..e754d4ea3362847fb000c669896714d5f6981657 100644 |
--- a/polymer_1.0.4/bower_components/paper-material/paper-material.html |
+++ b/polymer_1.2.3/bower_components/paper-material/paper-material.html |
@@ -10,8 +10,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<link rel="import" href="../polymer/polymer.html"> |
<link rel="import" href="../paper-styles/shadow.html"> |
+<link rel="import" href="paper-material-shared-styles.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,39 +25,18 @@ Example: |
</paper-material> |
@group Paper Elements |
-@class paper-material |
@demo demo/index.html |
--> |
<dom-module id="paper-material"> |
- <style> |
- :host { |
- display: block; |
- position: relative; |
- @apply(--shadow-transition); |
- } |
- |
- :host([elevation="1"]) { |
- @apply(--shadow-elevation-2dp); |
- } |
- |
- :host([elevation="2"]) { |
- @apply(--shadow-elevation-4dp); |
- } |
- |
- :host([elevation="3"]) { |
- @apply(--shadow-elevation-6dp); |
- } |
- |
- :host([elevation="4"]) { |
- @apply(--shadow-elevation-8dp); |
- } |
- |
- :host([elevation="5"]) { |
- @apply(--shadow-elevation-16dp); |
- } |
- </style> |
<template> |
+ <style include="paper-material-shared-styles"></style> |
+ <style> |
+ :host([animated]) { |
+ @apply(--shadow-transition); |
+ } |
+ </style> |
+ |
<content></content> |
</template> |
</dom-module> |
@@ -64,7 +45,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" |