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

Side by Side 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, 6 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 unified diff | Download patch
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --> 9 -->
10 10
11 <link rel="import" href="../polymer/polymer.html">
12 <link rel="import" href="../paper-styles/shadow.html">
13
11 <!-- 14 <!--
12 15
13 `paper-material` is a container that renders two shadows on top of each other to 16 `paper-material` is a container that renders two shadows on top of each other to
14 create the effect of a lifted piece of paper. 17 create the effect of a lifted piece of paper.
15 18
16 Example: 19 Example:
17 20
18 <paper-material elevation="1"> 21 <paper-material elevation="1">
19 ... content ... 22 ... content ...
20 </paper-material> 23 </paper-material>
21 24
22 @group Paper Elements 25 @group Paper Elements
23 @class paper-material 26 @class paper-material
27 @demo demo/index.html
24 --> 28 -->
25 29
26 <link href="../polymer/polymer.html" rel="import">
27 <link href="../paper-styles/shadow.html" rel="import">
28 <dom-module id="paper-material"> 30 <dom-module id="paper-material">
29 <style> 31 <style>
30 :host { 32 :host {
31 display: block; 33 display: block;
32 position: relative; 34 position: relative;
33 mixin(--shadow-transition); 35 @apply(--shadow-transition);
34 } 36 }
35 37
36 :host([elevation="1"]) { 38 :host([elevation="1"]) {
37 mixin(--shadow-elevation-2dp); 39 @apply(--shadow-elevation-2dp);
38 } 40 }
39 41
40 :host([elevation="2"]) { 42 :host([elevation="2"]) {
41 mixin(--shadow-elevation-4dp); 43 @apply(--shadow-elevation-4dp);
42 } 44 }
43 45
44 :host([elevation="3"]) { 46 :host([elevation="3"]) {
45 mixin(--shadow-elevation-6dp); 47 @apply(--shadow-elevation-6dp);
46 } 48 }
47 49
48 :host([elevation="4"]) { 50 :host([elevation="4"]) {
49 mixin(--shadow-elevation-8dp); 51 @apply(--shadow-elevation-8dp);
50 } 52 }
51 53
52 :host([elevation="5"]) { 54 :host([elevation="5"]) {
53 mixin(--shadow-elevation-16dp); 55 @apply(--shadow-elevation-16dp);
54 } 56 }
55 </style> 57 </style>
56 <template> 58 <template>
57 <content></content> 59 <content></content>
58 </template> 60 </template>
59 </dom-module> 61 </dom-module>
60 <script> 62 <script>
61 Polymer({ 63 Polymer({
62 is: 'paper-material', 64 is: 'paper-material',
63 65
64 enableCustomStyleProperties: true,
65
66 properties: { 66 properties: {
67 67
68 /** 68 /**
69 * The z-depth of this element, from 0-5. Setting to 0 will remove the 69 * The z-depth of this element, from 0-5. Setting to 0 will remove the
70 * shadow, and each increasing number greater than 0 will be "deeper" 70 * shadow, and each increasing number greater than 0 will be "deeper"
71 * than the last. 71 * than the last.
72 * 72 *
73 * @attribute elevation 73 * @attribute elevation
74 * @type number 74 * @type number
75 * @default 1 75 * @default 1
(...skipping 13 matching lines...) Expand all
89 * @default false 89 * @default false
90 */ 90 */
91 animated: { 91 animated: {
92 type: Boolean, 92 type: Boolean,
93 reflectToAttribute: true, 93 reflectToAttribute: true,
94 value: false 94 value: false
95 } 95 }
96 } 96 }
97 }); 97 });
98 </script> 98 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698