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

Side by Side Diff: third_party/polymer/v1_0/components-chromium/iron-icon/iron-icon.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/iron-icon/index.html ('k') | third_party/polymer/v1_0/components-chromium/iron-icon/iron-icon-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 --><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-meta/iron-meta.html">	10 <link rel="import" href="../iron-meta/iron-meta.html">

(...skipping 38 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
49 Example of using an icon named `cherry` from a custom iconset with the ID `fruit `:	49 Example of using an icon named `cherry` from a custom iconset with the ID `fruit `:

50	50

51 <iron-icon icon="fruit:cherry"></iron-icon>	51 <iron-icon icon="fruit:cherry"></iron-icon>

52	52

53 See [iron-iconset](iron-iconset) and [iron-iconset-svg](iron-iconset-svg) for mo re information about	53 See [iron-iconset](iron-iconset) and [iron-iconset-svg](iron-iconset-svg) for mo re information about

54 how to create a custom iconset.	54 how to create a custom iconset.

55	55

56 See the [iron-icons demo](iron-icons?view=demo:demo/index.html) to see the icons available	56 See the [iron-icons demo](iron-icons?view=demo:demo/index.html) to see the icons available

57 in the various iconsets.	57 in the various iconsets.

58	58

	59 To load a subset of icons from one of the default `iron-icons` sets, you can

	60 use the [poly-icon](https://poly-icon.appspot.com/) tool. It allows you

	61 to select individual icons, and creates an iconset from them that you can

	62 use directly in your elements.

59	63

60 ### Styling	64 ### Styling

61	65

62 The following custom properties are available for styling:	66 The following custom properties are available for styling:

63	67

64 Custom property \| Description \| Default	68 Custom property \| Description \| Default

65 ----------------\|-------------\|----------	69 ----------------\|-------------\|----------

66 `--iron-icon-width` \| Width of the icon \| `24px`	70 `--iron-icon-width` \| Width of the icon \| `24px`

67 `--iron-icon-height` \| Height of the icon \| `24px`	71 `--iron-icon-height` \| Height of the icon \| `24px`

68 `--iron-icon-fill-color` \| Fill color of the svg icon \| `currentcolor`	72 `--iron-icon-fill-color` \| Fill color of the svg icon \| `currentcolor`

(...skipping 22 matching lines...) Expand all Loading...
91 width: var(--iron-icon-width, 24px);	95 width: var(--iron-icon-width, 24px);

92 height: var(--iron-icon-height, 24px);	96 height: var(--iron-icon-height, 24px);

93 }	97 }

94 </style>	98 </style>

95	99

96 <template>	100 <template>

97 </template>	101 </template>

98	102

99 </dom-module>	103 </dom-module>

100 <script src="iron-icon-extracted.js"></script></body></html>	104 <script src="iron-icon-extracted.js"></script></body></html>

OLD	NEW