third_party/polymer/v0_8/components-chromium/paper-material/paper-material.html - Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed.

Side by Side Diff: third_party/polymer/v0_8/components-chromium/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

« no previous file with comments | « third_party/polymer/v0_8/components-chromium/paper-material/index.html ('k') | third_party/polymer/v0_8/components-chromium/paper-material/paper-material-extracted.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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 --><html><head><link rel="import" href="../polymer/polymer.html">

	10 <link rel="import" href="../paper-styles/shadow.html">

	11

	12 <!--

10	13

11 `paper-material` is a container that renders two shadows on top of each other to	14 `paper-material` is a container that renders two shadows on top of each other to

12 create the effect of a lifted piece of paper.	15 create the effect of a lifted piece of paper.

13	16

14 Example:	17 Example:

15	18

16 <paper-material elevation="1">	19 <paper-material elevation="1">

17 ... content ...	20 ... content ...

18 </paper-material>	21 </paper-material>

19	22

20 @group Paper Elements	23 @group Paper Elements

21 @class paper-material	24 @class paper-material

22 --><html><head><link href="../polymer/polymer.html" rel="import">	25 @demo demo/index.html

23 <link href="../paper-styles/shadow.html" rel="import">	26 -->

	27

24 </head><body><dom-module id="paper-material">	28 </head><body><dom-module id="paper-material">

25 <style>	29 <style>

26 :host {	30 :host {

27 display: block;	31 display: block;

28 position: relative;	32 position: relative;

29 mixin(--shadow-transition);	33 @apply(--shadow-transition);

30 }	34 }

31	35

32 :host([elevation="1"]) {	36 :host([elevation="1"]) {

33 mixin(--shadow-elevation-2dp);	37 @apply(--shadow-elevation-2dp);

34 }	38 }

35	39

36 :host([elevation="2"]) {	40 :host([elevation="2"]) {

37 mixin(--shadow-elevation-4dp);	41 @apply(--shadow-elevation-4dp);

38 }	42 }

39	43

40 :host([elevation="3"]) {	44 :host([elevation="3"]) {

41 mixin(--shadow-elevation-6dp);	45 @apply(--shadow-elevation-6dp);

42 }	46 }

43	47

44 :host([elevation="4"]) {	48 :host([elevation="4"]) {

45 mixin(--shadow-elevation-8dp);	49 @apply(--shadow-elevation-8dp);

46 }	50 }

47	51

48 :host([elevation="5"]) {	52 :host([elevation="5"]) {

49 mixin(--shadow-elevation-16dp);	53 @apply(--shadow-elevation-16dp);

50 }	54 }

51 </style>	55 </style>

52 <template>	56 <template>

53 <content></content>	57 <content></content>

54 </template>	58 </template>

55 </dom-module>	59 </dom-module>

56 <script src="paper-material-extracted.js"></script></body></html>	60 <script src="paper-material-extracted.js"></script></body></html>

OLD	NEW