| 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"
|
|
|