Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(7)

Unified Diff: third_party/polymer/v0_8/components/paper-material/paper-material.html

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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: {
/**

Powered by Google App Engine
This is Rietveld 408576698