@insaic/neon/lib/popup/style.css

A Mobile UI Components built on Vue

@charset "UTF-8";
/*依赖 base 里的动画 */
.sq-popup-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1010;
}
.sq-popup-content {
  position: fixed;
  background-color: #fff;
  z-index: 1011;
}
.sq-popup-content.sq-popup-top {
    left: 0;
    right: 0;
    top: 0;
}
.sq-popup-content.sq-popup-bottom {
    left: 0;
    right: 0;
    bottom: 0;
}
.sq-popup-content.sq-popup-left {
    top: 0;
    left: 0;
    width: 60%;
    bottom: 0;
}
.sq-popup-content.sq-popup-right {
    top: 0;
    right: 0;
    width: 60%;
    bottom: 0;
}
.sq-popup-content.sq-popup-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
}