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

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item.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
OLDNEW
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698