third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item.html - Issue 1766433002: Roll Polymer to 1.3.1

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item.html

Issue 1766433002: Roll Polymer to 1.3.1 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: rebase Created 4 years, 9 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-item/compiled_resources2.gyp ('k') | third_party/polymer/v1_0/components-chromium/paper-item/paper-item.html » ('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">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">	10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">

(...skipping 16 matching lines...) Expand all Loading...
27 Avatar	27 Avatar

28 </paper-icon-item>	28 </paper-icon-item>

29	29

30 ### Styling	30 ### Styling

31	31

32 The following custom properties and mixins are available for styling:	32 The following custom properties and mixins are available for styling:

33	33

34 Custom property \| Description \| Default	34 Custom property \| Description \| Default

35 ------------------------------\|------------------------------------------------\| ----------	35 ------------------------------\|------------------------------------------------\| ----------

36 `--paper-item-icon-width` \| Width of the icon area \| `56px`	36 `--paper-item-icon-width` \| Width of the icon area \| `56px`

	37 `--paper-item-icon` \| Mixin applied to the icon area \| `{}`

37 `--paper-icon-item` \| Mixin applied to the item \| `{}`	38 `--paper-icon-item` \| Mixin applied to the item \| `{}`

38 `--paper-item-selected-weight`\| The font weight of a selected item \| `bold`	39 `--paper-item-selected-weight`\| The font weight of a selected item \| `bold`

39 `--paper-item-selected` \| Mixin applied to selected paper-items \| `{}`	40 `--paper-item-selected` \| Mixin applied to selected paper-items \| `{}`

40 `--paper-item-disabled-color` \| The color for disabled paper-items \| `--disabled-text-color`	41 `--paper-item-disabled-color` \| The color for disabled paper-items \| `--disabled-text-color`

41 `--paper-item-disabled` \| Mixin applied to disabled paper-items \| ` {}`	42 `--paper-item-disabled` \| Mixin applied to disabled paper-items \| ` {}`

42 `--paper-item-focused` \| Mixin applied to focused paper-items \| ` {}`	43 `--paper-item-focused` \| Mixin applied to focused paper-items \| ` {}`

43 `--paper-item-focused-before` \| Mixin applied to :before focused paper-items \| ` {}`	44 `--paper-item-focused-before` \| Mixin applied to :before focused paper-items \| ` {}`

44 -->	45 -->

45	46

46 </head><body><dom-module id="paper-icon-item">	47 </head><body><dom-module id="paper-icon-item">

47 <template>	48 <template>

48 <style include="paper-item-shared-styles"></style>	49 <style include="paper-item-shared-styles"></style>

49 <style>	50 <style>

50 :host {	51 :host {

51 @apply(--layout-horizontal);	52 @apply(--layout-horizontal);

52 @apply(--layout-center);	53 @apply(--layout-center);

53 @apply(--paper-font-subhead);	54 @apply(--paper-font-subhead);

54	55

55 @apply(--paper-item);	56 @apply(--paper-item);

56 @apply(--paper-icon-item);	57 @apply(--paper-icon-item);

57 }	58 }

58	59

59 .content-icon {	60 .content-icon {

60 @apply(--layout-horizontal);	61 @apply(--layout-horizontal);

61 @apply(--layout-center);	62 @apply(--layout-center);

62	63

63 width: var(--paper-item-icon-width, 56px);	64 width: var(--paper-item-icon-width, 56px);

	65 @apply(--paper-item-icon);

64 }	66 }

65 </style>	67 </style>

66	68

67 <div id="contentIcon" class="content-icon">	69 <div id="contentIcon" class="content-icon">

68 <content select="[item-icon]"></content>	70 <content select="[item-icon]"></content>

69 </div>	71 </div>

70 <content></content>	72 <content></content>

71 </template>	73 </template>

72	74

73 </dom-module>	75 </dom-module>

74 <script src="paper-icon-item-extracted.js"></script></body></html>	76 <script src="paper-icon-item-extracted.js"></script></body></html>

OLD	NEW