vexip-ui/css/contextmenu.css

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

.vxp-contextmenu-vars{--vxp-contextmenu-z-index:var(--vxp-z-index-popper);--vxp-contextmenu-icon-color:var(--vxp-content-color-secondary);--vxp-contextmenu-shortcut-color:var(--vxp-content-color-disabled);--vxp-contextmenu-shortcut-offset:30px}.vxp-contextmenu{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);position:fixed;z-index:var(--vxp-contextmenu-z-index)}.vxp-contextmenu,.vxp-contextmenu *,.vxp-contextmenu ::after,.vxp-contextmenu ::before{box-sizing:border-box}.vxp-contextmenu--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-contextmenu .vxp-contextmenu__item{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:180px;padding:5px 10px;font-size:13px}.vxp-contextmenu__list--icons .vxp-contextmenu__item{padding-inline-start:28px}.vxp-contextmenu__list--no-icon .vxp-contextmenu__item{padding-inline-start:10px}.vxp-contextmenu__list--arrows .vxp-contextmenu__item{padding-inline-end:28px}.vxp-contextmenu__list--no-arrow .vxp-contextmenu__item{padding-inline-end:10px}.vxp-contextmenu__icon{position:absolute;inset-inline-start:8px;display:flex;align-items:center;justify-content:center;width:16px;color:var(--vxp-contextmenu-icon-color)}.vxp-contextmenu__shortcut{margin-inline-start:var(--vxp-contextmenu-shortcut-offset);color:var(--vxp-contextmenu-shortcut-color)}.vxp-contextmenu__arrow{inset-inline:auto 6px}