<link rel="import" href="../../../vaadin-lumo-styles/style.html">

<link rel="import" href="../../../vaadin-overlay/theme/lumo/vaadin-overlay.html">
<link rel="import" href="../../../vaadin-lumo-styles/mixins/menu-overlay.html">

<dom-module id="lumo-combo-box-overlay" theme-for="vaadin-combo-box-overlay">
  <template>
    <style include="lumo-menu-overlay">
      [part="overlay"] {
        overflow: hidden;
        border-radius: var(--lumo-border-radius);
      }

      [part="content"] {
        padding: 0;
        /* TODO using a legacy mixin (unsupported) */
        --iron-list-items-container: {
          border: var(--lumo-space-xs) solid transparent;
        };
      }
    </style>
  </template>
</dom-module>

<link rel="import" href="../../src/vaadin-combo-box-dropdown.html">

<link rel="import" href="../../../vaadin-lumo-styles/spacing.html">
<link rel="import" href="../../../vaadin-lumo-styles/style.html">

<link rel="import" href="../../../vaadin-overlay/theme/lumo/vaadin-overlay.html">
<link rel="import" href="../../../vaadin-lumo-styles/mixins/menu-overlay.html">

<dom-module id="lumo-combo-box-overlay" theme-for="vaadin-combo-box-overlay">
  <template>
    <style include="lumo-menu-overlay">
      [part="overlay"] {
        overflow: hidden;
        border-radius: var(--lumo-border-radius);
      }

      [part="content"] {
        padding: 0;
      }

      iron-list {
        /* TODO using a legacy mixin (unsupported) */
        --iron-list-items-container: {
          border: var(--lumo-space-xs) solid transparent;
        }
      }
    </style>
  </template>
</dom-module>

<link rel="import" href="../../src/vaadin-combo-box-dropdown.html">

Use proper CSS selector to workaround items container
Use proper CSS selector to workaround items container
