@opensig/opendesign

Version:

<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制，使用 TypeScript</b></p>

34 lines (31 loc) • 687 B

CSS

View Raw

.o-popup {
  position: absolute;
  z-index: var(--popup-z-index);
  opacity: 1;
  transition: opacity var(--o-duration-m1) var(--o-easing-standard);
  max-width: calc(100vw - var(--popup-edge-offset, 0) * 2);
}
.o-popup.out-view {
  opacity: 0;
  pointer-events: none;
}
.o-popup.animating {
  pointer-events: none;
}

.o-popup-anchor {
  position: absolute;
  z-index: 0;
}

.o-popup-wrap {
  box-shadow: var(--popup-shadow);
  background-color: var(--popup-bg-color);
  border-radius: var(--popup-radius);
}

.o-popup-body {
  position: relative;
  z-index: 1;
  border: var(--popup-bd);
  min-width: var(--popup-min-width);
  padding: var(--popup-padding);
  word-break: break-word;
}