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

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

Issue 1124133004: Add PolymerElements/paper-item and run reproduce.sh (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: re-run to grab paper-menu#0.8.3 Created 5 years, 7 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
(Empty)
1 <!--
2 @license
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://polym er.github.io/LICENSE.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/CO NTRIBUTORS.txt
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/P ATENTS.txt
9 -->
10
11 <link rel="import" href="../polymer/polymer.html">
12 <link rel="import" href="../paper-styles/paper-styles.html">
13
14 <!--
15 `paper-icon-item` is a list item with a fixed-width icon area.
16
17 @element paper-icon-item
18 -->
19
20 <dom-module id="paper-icon-item">
21
22 <link rel="import" type="css" href="paper-item-shared.css">
23
24 <style>
25
26 :host {
27 mixin(--layout-horizontal);
28 mixin(--layout-center);
29 mixin(--paper-font-subhead);
30
31 mixin(--paper-item);
32 mixin(--paper-icon-item);
33 }
34
35 </style>
36
37 <template>
38 <div id="contentIcon" class="content-icon layout horizontal center">
39 <content select="[item-icon]"></content>
40 </div>
41 <content></content>
42 </template>
43
44 </dom-module>
45
46 <script>
47
48 (function() {
49
50 Polymer({
51
52 is: 'paper-icon-item',
53
54 enableCustomStyleProperties: true,
55
56 hostAttributes: {
57 'role': 'listitem'
58 },
59
60 properties: {
61
62 /**
63 * The width of the icon area.
64 *
65 * @attribute iconWidth
66 * @type String
67 * @default '56px'
68 */
69 iconWidth: {
70 type: String,
71 value: '56px'
72 }
73
74 },
75
76 ready: function() {
77 this.$.contentIcon.style.width = this.iconWidth;
78 }
79
80 });
81
82 })();
83
84 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698