Index: third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item.html |
diff --git a/third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item.html b/third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item.html |
index 48ba711c458a3f6660b67699e3175f53158f7e61..95583ed8fc973df3ed04a98512800a1d3bfcf307 100644 |
--- a/third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item.html |
+++ b/third_party/polymer/v1_0/components-chromium/paper-item/paper-icon-item.html |
@@ -9,11 +9,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
--><html><head><link rel="import" href="../polymer/polymer.html"> |
<link rel="import" href="../iron-behaviors/iron-control-state.html"> |
<link rel="import" href="../iron-behaviors/iron-button-state.html"> |
-<link rel="import" href="../paper-styles/paper-styles.html"> |
+<link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
+<link rel="import" href="../paper-styles/typography.html"> |
+<link rel="import" href="paper-item-behavior.html"> |
<link rel="import" href="paper-item-shared-styles.html"> |
<!-- |
-`<paper-icon-item>` is a convenience element to make an item with icon. It is a non interactive list |
+`<paper-icon-item>` is a convenience element to make an item with icon. It is an interactive list |
item with a fixed-width icon area, according to Material Design. This is useful if the icons are of |
varying widths, but you want the item bodies to line up. Use this like a `<paper-item>`. The child |
node with the attribute `item-icon` is placed in the icon area. |
@@ -41,7 +43,6 @@ Custom property | Description | |
`--paper-item-disabled` | Mixin applied to disabled paper-items | `{}` |
`--paper-item-focused` | Mixin applied to focused paper-items | `{}` |
`--paper-item-focused-before` | Mixin applied to :before focused paper-items | `{}` |
- |
--> |
</head><body><dom-module id="paper-icon-item"> |
@@ -59,10 +60,12 @@ Custom property | Description | |
.content-icon { |
width: var(--paper-item-icon-width, 56px); |
+ @apply(--layout-horizontal); |
+ @apply(--layout-center); |
} |
</style> |
- <div id="contentIcon" class="content-icon layout horizontal center"> |
+ <div id="contentIcon" class="content-icon"> |
<content select="[item-icon]"></content> |
</div> |
<content></content> |