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

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

Issue 1410143002: Update Polymer to fix closure compile (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@iron-list5
Patch Set: Created 5 years, 2 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"> 10 <link rel="import" href="../iron-behaviors/iron-control-state.html">
11 <link rel="import" href="../iron-behaviors/iron-button-state.html"> 11 <link rel="import" href="../iron-behaviors/iron-button-state.html">
12 <link rel="import" href="../paper-styles/paper-styles.html"> 12 <link rel="import" href="../paper-styles/paper-styles.html">
13 <link rel="import" href="paper-item-shared-styles.html"> 13 <link rel="import" href="paper-item-shared-styles.html">
14 14
15 <!-- 15 <!--
16 Material design: [Lists](https://www.google.com/design/spec/components/lists.htm l)
17
16 `<paper-item>` is a non-interactive list item. By default, it is a horizontal fl exbox. 18 `<paper-item>` is a non-interactive list item. By default, it is a horizontal fl exbox.
17 19
18 <paper-item>Item</paper-item> 20 <paper-item>Item</paper-item>
19 21
20 Use this element with `<paper-item-body>` to make Material Design styled two-lin e and three-line 22 Use this element with `<paper-item-body>` to make Material Design styled two-lin e and three-line
21 items. 23 items.
22 24
23 <paper-item> 25 <paper-item>
24 <paper-item-body two-line> 26 <paper-item-body two-line>
25 <div>Show your status</div> 27 <div>Show your status</div>
26 <div secondary>Your status is visible to everyone</div> 28 <div secondary>Your status is visible to everyone</div>
27 </paper-item-body> 29 </paper-item-body>
28 <iron-icon icon="warning"></iron-icon> 30 <iron-icon icon="warning"></iron-icon>
29 </paper-item> 31 </paper-item>
30 32
31 ### Styling 33 ### Styling
32 34
33 The following custom properties and mixins are available for styling: 35 The following custom properties and mixins are available for styling:
34 36
35 Custom property | Description | Default 37 Custom property | Description | Default
36 ----------------|-------------|---------- 38 ------------------------------|------------------------------------------------| ----------
37 `--paper-item-min-height` | Minimum height of the item | `48px` 39 `--paper-item-min-height` | Minimum height of the item | `48px`
38 `--paper-item` | Mixin applied to the item | `{}` 40 `--paper-item` | Mixin applied to the item | `{}`
41 `--paper-item-selected-weight`| The font weight of a selected item | `bold`
42 `--paper-item-selected` | Mixin applied to selected paper-items | `{}`
43 `--paper-item-disabled-color` | The color for disabled paper-items | `--disabled-text-color`
44 `--paper-item-disabled` | Mixin applied to disabled paper-items | ` {}`
45 `--paper-item-focused` | Mixin applied to focused paper-items | ` {}`
46 `--paper-item-focused-before` | Mixin applied to :before focused paper-items | ` {}`
47
39 48
40 ### Accessibility 49 ### Accessibility
41 50
42 This element has `role="listitem"` by default. Depending on usage, it may be mor e appropriate to set 51 This element has `role="listitem"` by default. Depending on usage, it may be mor e appropriate to set
43 `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`. 52 `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`.
44 53
45 <paper-item role="menuitemcheckbox"> 54 <paper-item role="menuitemcheckbox">
46 <paper-item-body> 55 <paper-item-body>
47 Show your status 56 Show your status
48 </paper-item-body> 57 </paper-item-body>
(...skipping 16 matching lines...) Expand all
65 74
66 @apply(--paper-item); 75 @apply(--paper-item);
67 } 76 }
68 </style> 77 </style>
69 78
70 <content></content> 79 <content></content>
71 </template> 80 </template>
72 81
73 </dom-module> 82 </dom-module>
74 <script src="paper-item-extracted.js"></script></body></html> 83 <script src="paper-item-extracted.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698