ray-template/css/vue3-next-qrcode@2.0.10_typescript@5.2-DuR3EA5M.css

2 lines
3.0 KiB
CSS

.ray-qrcode{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--ray-qrcode-width);height:var(--ray-qrcode-height);overflow:hidden;border:1px solid rgba(5,5,5,.06);border-radius:var(--ray-qrcode-border-radius);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.ray-qrcode .ray-qrcode__loading--custom{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ray-qrcode .ray-qrcode__loading--custom .ray-qrcode__loading-slots{position:absolute;width:100%;height:100%}.ray-qrcode .ray-qrcode__loading{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ray-qrcode .ray-qrcode__loading:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ray-qrcode-mask-color)}.ray-qrcode .ray-qrcode__loading .ray-qrcode__spin{position:absolute;width:1.563rem;height:1.563rem;border:.156rem solid #1677ff;border-top-color:transparent;border-radius:100%;-webkit-animation:ray-qrcode-spin infinite .75s linear;animation:ray-qrcode-spin infinite .75s linear}.ray-qrcode .ray-qrcode__error{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.26rem 0;color:#000000e0;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.ray-qrcode .ray-qrcode__error:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ray-qrcode-mask-color);z-index:-1}.ray-qrcode .ray-qrcode__error .ray-qrcode__error-content{text-align:center}.ray-qrcode .ray-qrcode__error .ray-qrcode__error-btn{cursor:pointer;color:#1677ff}.ray-qrcode .ray-qrcode__error .ray-qrcode__error-btn:hover{color:#69b1ff}.ray-qrcode .ray-qrcode__error .ray-qrcode__error-btn .ray-qrcode__error-btn-click{color:#1677ff}@-webkit-keyframes ray-qrcode-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ray-qrcode-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}