Index: third_party/polymer/v0_8/components/paper-material/paper-material.html |
diff --git a/third_party/polymer/v0_8/components/paper-material/paper-material.html b/third_party/polymer/v0_8/components/paper-material/paper-material.html |
index 20396f83497788e05498fbdfb1f417816dbc2d95..60f87ba5110e7cb0b8930705ae7abf1fee899b1c 100644 |
--- a/third_party/polymer/v0_8/components/paper-material/paper-material.html |
+++ b/third_party/polymer/v0_8/components/paper-material/paper-material.html |
@@ -8,6 +8,9 @@ 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 |
--> |
+<link rel="import" href="../polymer/polymer.html"> |
+<link rel="import" href="../paper-styles/shadow.html"> |
+ |
<!-- |
`paper-material` is a container that renders two shadows on top of each other to |
@@ -21,36 +24,35 @@ Example: |
@group Paper Elements |
@class paper-material |
+@demo demo/index.html |
--> |
-<link href="../polymer/polymer.html" rel="import"> |
-<link href="../paper-styles/shadow.html" rel="import"> |
<dom-module id="paper-material"> |
<style> |
:host { |
display: block; |
position: relative; |
- mixin(--shadow-transition); |
+ @apply(--shadow-transition); |
} |
:host([elevation="1"]) { |
- mixin(--shadow-elevation-2dp); |
+ @apply(--shadow-elevation-2dp); |
} |
:host([elevation="2"]) { |
- mixin(--shadow-elevation-4dp); |
+ @apply(--shadow-elevation-4dp); |
} |
:host([elevation="3"]) { |
- mixin(--shadow-elevation-6dp); |
+ @apply(--shadow-elevation-6dp); |
} |
:host([elevation="4"]) { |
- mixin(--shadow-elevation-8dp); |
+ @apply(--shadow-elevation-8dp); |
} |
:host([elevation="5"]) { |
- mixin(--shadow-elevation-16dp); |
+ @apply(--shadow-elevation-16dp); |
} |
</style> |
<template> |
@@ -61,8 +63,6 @@ Example: |
Polymer({ |
is: 'paper-material', |
- enableCustomStyleProperties: true, |
- |
properties: { |
/** |