/**
 * @license
 * Copyright Endlessjs. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */
@import '../../styles/core/mixins';

@mixin el-context-menu-theme() {

  .context-menu-host {
    /*
      Fixes click not being bubbled to the body in Safari.
      https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
    */
    cursor: pointer;
  }

  el-context-menu {
    background-color: el-theme(context-menu-background-color);
    border-color: el-theme(context-menu-border-color);
    border-style: el-theme(context-menu-border-style);
    border-width: el-theme(context-menu-border-width);
    border-radius: el-theme(context-menu-border-radius);
    box-shadow: el-theme(context-menu-shadow);
    min-width: el-theme(context-menu-min-width);
    max-width: el-theme(context-menu-max-width);

    el-menu {
      border-radius: el-theme(context-menu-border-radius);
      overflow: hidden;
      text-align: center;
    }
  }
}