vexip-ui/css/popup.css

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

.vxp-popup{width:0;height:0;padding:0;margin:0;font-size:var(--vxp-font-size-base)}.vxp-popup__item{position:fixed;z-index:var(--vxp-z-index-popup);display:flex;transition:all var(--vxp-transition-base)}.vxp-popup__item-inner{position:relative}.vxp-popup--bottom-right .vxp-popup__item,.vxp-popup--top-right .vxp-popup__item{right:24px}.vxp-popup--bottom-left .vxp-popup__item,.vxp-popup--top-left .vxp-popup__item{left:24px}.vxp-popup--bottom-center .vxp-popup__item,.vxp-popup--top-center .vxp-popup__item{left:50%;transform:translateX(-50%)}