web-code-editor/src/css/right-menu.styl

web code editor

.web-code-editor
  .right-menu
    position: absolute;
    display: none;
    z-index: var(--right-menu-zIndex);
    font-size: 14px;
    color: #fff;
    background: var(--pane1-bg);
    width: 300px;
    padding: 8px 0;
    margin: 0;
    list-style: none;
    align-items: flex-start;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);

    .item
      padding: 6px 8px;
      display: flex;
      width: 100%;
      color: var(--filename);

      &:hover
        color: var(--filenameHover);
        background-color: var(--primary);

      &.divide
        border-top: 1.5px solid var(--filename);

    .text
      flex: 1;
      user-select: none;