Home | History | Annotate | Download | only in paper-menu
      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 <dom-module id="paper-menu-shared-styles">
     12   <template>
     13     <style>
     14       /* need a wrapper element to make this higher specificity than the :host rule in paper-item */
     15       .selectable-content > ::content > .iron-selected {
     16         font-weight: bold;
     17 
     18         @apply(--paper-menu-selected-item);
     19       }
     20 
     21       .selectable-content > ::content > [disabled] {
     22         color: var(--paper-menu-disabled-color, --disabled-text-color);
     23       }
     24 
     25       .selectable-content > ::content > *:focus {
     26         position: relative;
     27         outline: 0;
     28 
     29         @apply(--paper-menu-focused-item);
     30       }
     31 
     32       .selectable-content > ::content > *:focus:after {
     33         @apply(--layout-fit);
     34         background: currentColor;
     35         opacity: var(--dark-divider-opacity);
     36         content: '';
     37         pointer-events: none;
     38 
     39         @apply(--paper-menu-focused-item-after);
     40       }
     41 
     42       .selectable-content > ::content > *[colored]:focus:after {
     43         opacity: 0.26;
     44       }
     45     </style>
     46   </template>
     47 </dom-module>
     48