1 <!-- 2 @license 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.github.io/LICENSE.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/CONTRIBUTORS.txt 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/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
