@use 'variables' as *;
@use '@xui/theme-core' as core;

@mixin theme() {
  xui-context-menu {
    display: none;
  }

  .x-context-menu {
    min-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 8px;
    background-color: var(--color-bg-floating);

    @include core.border-radius($border-radius);

    hr {
      width: 95%;
      margin: 4px;

      border: 0.5px solid var(--color-bg-primary);
    }

    xui-button {
      width: 100%;
    }

    .x-button {
      width: 100%;
      padding: 0 0.5em;

      &-content {
        width: 100%;
        justify-content: space-between;
      }
    }
  }
}