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-behaviors/iron-control-state.html"> | |
11 <link rel="import" href="../iron-behaviors/iron-button-state.html"> | |
12 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> | 10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
13 <link rel="import" href="../paper-styles/typography.html"> | 11 <link rel="import" href="../paper-styles/typography.html"> |
14 <link rel="import" href="../paper-styles/color.html"> | |
15 <link rel="import" href="../paper-styles/default-theme.html"> | |
16 <link rel="import" href="paper-item-behavior.html"> | 12 <link rel="import" href="paper-item-behavior.html"> |
17 <link rel="import" href="paper-item-shared-styles.html"> | 13 <link rel="import" href="paper-item-shared-styles.html"> |
18 | 14 |
19 <!-- | 15 <!-- |
20 `<paper-icon-item>` is a convenience element to make an item with icon. It is an
interactive list | 16 `<paper-icon-item>` is a convenience element to make an item with icon. It is an
interactive list |
21 item with a fixed-width icon area, according to Material Design. This is useful
if the icons are of | 17 item with a fixed-width icon area, according to Material Design. This is useful
if the icons are of |
22 varying widths, but you want the item bodies to line up. Use this like a `<paper
-item>`. The child | 18 varying widths, but you want the item bodies to line up. Use this like a `<paper
-item>`. The child |
23 node with the attribute `item-icon` is placed in the icon area. | 19 node with the attribute `item-icon` is placed in the icon area. |
24 | 20 |
25 <paper-icon-item> | 21 <paper-icon-item> |
(...skipping 28 matching lines...) Expand all Loading... |
54 :host { | 50 :host { |
55 @apply(--layout-horizontal); | 51 @apply(--layout-horizontal); |
56 @apply(--layout-center); | 52 @apply(--layout-center); |
57 @apply(--paper-font-subhead); | 53 @apply(--paper-font-subhead); |
58 | 54 |
59 @apply(--paper-item); | 55 @apply(--paper-item); |
60 @apply(--paper-icon-item); | 56 @apply(--paper-icon-item); |
61 } | 57 } |
62 | 58 |
63 .content-icon { | 59 .content-icon { |
64 width: var(--paper-item-icon-width, 56px); | |
65 @apply(--layout-horizontal); | 60 @apply(--layout-horizontal); |
66 @apply(--layout-center); | 61 @apply(--layout-center); |
| 62 |
| 63 width: var(--paper-item-icon-width, 56px); |
67 } | 64 } |
68 </style> | 65 </style> |
69 | 66 |
70 <div id="contentIcon" class="content-icon"> | 67 <div id="contentIcon" class="content-icon"> |
71 <content select="[item-icon]"></content> | 68 <content select="[item-icon]"></content> |
72 </div> | 69 </div> |
73 <content></content> | 70 <content></content> |
74 </template> | 71 </template> |
75 | 72 |
76 </dom-module> | 73 </dom-module> |
77 <script src="paper-icon-item-extracted.js"></script></body></html> | 74 <script src="paper-icon-item-extracted.js"></script></body></html> |
OLD | NEW |