zarm/lib/popup/style/index.css

基于 React 的移动端UI库

.za-popup {
  -webkit-overflow-scrolling: touch;
  margin: auto;
  transform: perspective(0);
}
.za-popup__wrapper {
  --mask-zindex: var(--za-popup-mask-zindex, var(--za-zindex-mask));
  position: fixed;
  z-index: var(--mask-zindex);
}
.za-popup__wrapper--center {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  padding: 60px 0;
  -webkit-overflow-scrolling: touch;
}

.za-popup--bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.za-popup--top {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.za-popup--left {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
}

.za-popup--right {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
}