vue-2-img/dist/vue-2-img.min.css

An easy way to convert HTML sections and charts to JPG, PNG or PDF files

/*!
 * vue-2-img v0.0.6
 * (c) 2020 Frank Flitton
 * Released under the MIT License.
 */

.vti__progressCapture{opacity:0;transition:opacity .5s ease}.vti__active .vti__progressCapture{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(90deg,#499ef5,#22dae3,#3de5b7,#adfbcc);z-index:99999;box-sizing:border-box;opacity:1}.vti__active .vti__progressCapture:before{content:" ";position:fixed;top:0;left:0;height:100%;width:100%;z-index:9999;box-sizing:border-box;border-radius:65px;border:45px solid #fafafa;box-shadow:0 0 0 30px #fafafa}.vti__active .vti__progressCapture:after{content:"Rendering Document";position:fixed;top:0;left:0;z-index:999999;height:100%;width:100%;color:#fff;font-size:45px;padding-top:45vh;text-align:center;font-family:Helvetica,Arial;white-space:pre;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:vti__loadingMessage}.vti__active .vti__progressCapture .vti__progressBar{position:absolute;top:0;right:0;width:100%;height:100%;background:#fafafa;transition:width .5s ease}.vti__active .vti__hidden{display:none!important}.vti__active .vti__show,.vti__hidden{display:inherit!important}.vti__show{display:none!important}@keyframes vti__loadingMessage{0%,to{content:"Rendering Document \A   "}25%{content:"Rendering Document \A   ."}50%{content:"Rendering Document \A   .."}75%{content:"Rendering Document \A   ..."}}