third_party/polymer/v1_0/components-chromium/paper-material/paper-material-shared-styles.html - Issue 1561893002: [Polymer] Roll polymer to latest version

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-material/paper-material-shared-styles.html

Issue 1561893002: [Polymer] Roll polymer to latest version (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: update grdp Created 4 years, 11 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/v1_0/components-chromium/paper-material/paper-material.html ('k') | third_party/polymer/v1_0/components-chromium/paper-menu-button/.bower.json » ('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 --><html><head><link rel="import" href="../polymer/polymer.html">

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

11

12 <!--

13 Material design: [Cards](https://www.google.com/design/spec/components/cards.htm l)

14

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

16 create the effect of a lifted piece of paper.

17

18 Example:

19

20 <paper-material elevation="1">

21 ... content ...

22 </paper-material>

23

24 @group Paper Elements

25 @demo demo/index.html

26 -->	9 -->

27	10

28 </head><body><dom-module id="paper-material">	11 <dom-module id="paper-material-shared-styles">

29 <template>	12 <template>

30 <style>	13 <style>

31 :host {	14 :host {

32 display: block;	15 display: block;

33 position: relative;	16 position: relative;

34 }	17 }

35	18

36 :host([animated]) {

37 @apply(--shadow-transition);

38 }

39

40 :host([elevation="1"]) {	19 :host([elevation="1"]) {

41 @apply(--shadow-elevation-2dp);	20 @apply(--shadow-elevation-2dp);

42 }	21 }

43	22

44 :host([elevation="2"]) {	23 :host([elevation="2"]) {

45 @apply(--shadow-elevation-4dp);	24 @apply(--shadow-elevation-4dp);

46 }	25 }

47	26

48 :host([elevation="3"]) {	27 :host([elevation="3"]) {

49 @apply(--shadow-elevation-6dp);	28 @apply(--shadow-elevation-6dp);

50 }	29 }

51	30

52 :host([elevation="4"]) {	31 :host([elevation="4"]) {

53 @apply(--shadow-elevation-8dp);	32 @apply(--shadow-elevation-8dp);

54 }	33 }

55	34

56 :host([elevation="5"]) {	35 :host([elevation="5"]) {

57 @apply(--shadow-elevation-16dp);	36 @apply(--shadow-elevation-16dp);

58 }	37 }

59 </style>	38 </style>

60

61 <content></content>

62 </template>	39 </template>

63 </dom-module>	40 </dom-module>

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

OLD	NEW