1<!--
2@license
3Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7Code distributed by Google as part of the polymer project is also
8subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
9-->
10
11<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
12<link rel="import" href="../paper-styles/color.html">
13<link rel="import" href="../paper-styles/default-theme.html">
14<link rel="import" href="../paper-styles/typography.html">
15
16<dom-module id="paper-item-shared-styles">
17  <template>
18    <style>
19      :host, .paper-item {
20        display: block;
21        position: relative;
22        min-height: var(--paper-item-min-height, 48px);
23        padding: 0px 16px;
24      }
25
26      .paper-item {
27        @apply(--paper-font-subhead);
28        border:none;
29        outline: none;
30        background: white;
31        width: 100%;
32        text-align: left;
33      }
34
35      :host([hidden]), .paper-item[hidden] {
36        display: none !important;
37      }
38
39      :host(.iron-selected), .paper-item.iron-selected {
40        font-weight: var(--paper-item-selected-weight, bold);
41
42        @apply(--paper-item-selected);
43      }
44
45      :host([disabled]), .paper-item[disabled] {
46        color: var(--paper-item-disabled-color, --disabled-text-color);
47
48        @apply(--paper-item-disabled);
49      }
50
51      :host(:focus), .paper-item:focus {
52        position: relative;
53        outline: 0;
54
55        @apply(--paper-item-focused);
56      }
57
58      :host(:focus):before, .paper-item:focus:before {
59        @apply(--layout-fit);
60
61        background: currentColor;
62        content: '';
63        opacity: var(--dark-divider-opacity);
64        pointer-events: none;
65
66        @apply(--paper-item-focused-before);
67      }
68    </style>
69  </template>
70</dom-module>
71