1<!-- 2@license 3Copyright (c) 2016 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="../paper-styles/default-theme.html"> 12 13<dom-module id="paper-dropdown-menu-shared-styles"> 14 <template> 15 <style> 16 :host { 17 display: inline-block; 18 position: relative; 19 text-align: left; 20 21 /* NOTE(cdata): Both values are needed, since some phones require the 22 * value to be `transparent`. 23 */ 24 -webkit-tap-highlight-color: rgba(0,0,0,0); 25 -webkit-tap-highlight-color: transparent; 26 27 --paper-input-container-input: { 28 overflow: hidden; 29 white-space: nowrap; 30 text-overflow: ellipsis; 31 max-width: 100%; 32 box-sizing: border-box; 33 cursor: pointer; 34 }; 35 36 @apply(--paper-dropdown-menu); 37 } 38 39 :host([disabled]) { 40 @apply(--paper-dropdown-menu-disabled); 41 } 42 43 :host([noink]) paper-ripple { 44 display: none; 45 } 46 47 :host([no-label-float]) paper-ripple { 48 top: 8px; 49 } 50 51 paper-ripple { 52 top: 12px; 53 left: 0px; 54 bottom: 8px; 55 right: 0px; 56 57 @apply(--paper-dropdown-menu-ripple); 58 } 59 60 paper-menu-button { 61 display: block; 62 padding: 0; 63 64 @apply(--paper-dropdown-menu-button); 65 } 66 67 paper-input { 68 @apply(--paper-dropdown-menu-input); 69 } 70 71 iron-icon { 72 color: var(--disabled-text-color); 73 74 @apply(--paper-dropdown-menu-icon); 75 } 76 </style> 77 </template> 78</dom-module> 79