<!– @license Copyright © 2015 The Polymer Project Authors. All rights reserved. This code may only be used under the BSD style license found at polymer.github.io/LICENSE.txt The complete set of authors may be found at polymer.github.io/AUTHORS.txt The complete set of contributors may be found at polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as part of the polymer project is also subject to an additional IP rights grant found at polymer.github.io/PATENTS.txt –>

<link rel=“import” href=“../iron-flex-layout/iron-flex-layout.html”> <link rel=“import” href=“../paper-styles/color.html”> <link rel=“import” href=“../paper-styles/default-theme.html”> <link rel=“import” href=“../paper-styles/typography.html”>

<dom-module id=“paper-item-shared-styles”>

<template>
  <style>
    :host, .paper-item {
      display: block;
      position: relative;
      min-height: var(--paper-item-min-height, 48px);
      padding: 0px 16px;
    }

    .paper-item {
      @apply(--paper-font-subhead);
      border:none;
      outline: none;
      background: white;
      width: 100%;
      text-align: left;
    }

    :host([hidden]), .paper-item[hidden] {
      display: none !important;
    }

    :host(.iron-selected), .paper-item.iron-selected {
      font-weight: var(--paper-item-selected-weight, bold);

      @apply(--paper-item-selected);
    }

    :host([disabled]), .paper-item[disabled] {
      color: var(--paper-item-disabled-color, --disabled-text-color);

      @apply(--paper-item-disabled);
    }

    :host(:focus), .paper-item:focus {
      position: relative;
      outline: 0;

      @apply(--paper-item-focused);
    }

    :host(:focus):before, .paper-item:focus:before {
      @apply(--layout-fit);

      background: currentColor;
      content: '';
      opacity: var(--dark-divider-opacity);
      pointer-events: none;

      @apply(--paper-item-focused-before);
    }
  </style>
</template>

</dom-module>