react-component-placeholder
Version:
A toolbox to create highly customisable responsive component placeholders.
1 lines • 2.81 kB
Source Map (JSON)
{"version":3,"sources":["/Users/Jarvis/projects/react-component-placeholder/src/styles.css","main.5ee9fa25.chunk.css"],"names":[],"mappings":"AAAA,yBACE,GAAI,SAAW,CAAC,AAChB,GAAM,UAAa,CAAC,CACrB,AAHD,iBACE,GAAI,SAAW,CAAC,AAChB,GAAM,UAAa,CAAC,CACrB,AAED,WACE,UAAW,AACX,yDAAkD,AAAlD,gDAAkD,CACnD,AAED,wBACE,GAAI,UAAY,CAAC,AACjB,GAAM,SAAW,CAAC,CACnB,AAHD,gBACE,GAAI,UAAY,CAAC,AACjB,GAAM,SAAW,CAAC,CACnB,AACD,UACE,kBAAmB,AACnB,eAAiB,CAClB,AACD,gBAGE,oGAA+J,AAC/J,oHAAwH,AACxH,WAAY,AACZ,kBAAmB,AACnB,MAAO,AACP,WAAY,AACZ,YAAa,AACb,cAAe,AACf,+CAAwC,AAAxC,uCAAwC,AACxC,WAAY,AACZ,eAAiB,CCWlB","file":"main.5ee9fa25.chunk.css","sourcesContent":["@keyframes pulse {\n 0% {opacity: 1;}\n 100% {opacity: 0.5;}\n}\n\n.rcp-pulse {\n opacity: 1;\n animation: pulse .6s linear 0s infinite alternate;\n}\n\n@keyframes wave{\n 0% {left: -100%;}\n 100% {left: 100%;}\n}\n.rcp-wave {\n position: relative;\n overflow: hidden;\n}\n.rcp-wave:after {\n background: -moz-linear-gradient(left, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);\n background: -webkit-linear-gradient(left, rgba(255,255,255,0) 1%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);\n background: linear-gradient(to right, rgba(255,255,255,0) 1%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );\n content: \"\";\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: block;\n animation: wave 1.8s linear 0s infinite;\n opacity: .3;\n overflow: hidden;\n}","@-webkit-keyframes pulse {\n 0% {opacity: 1;}\n 100% {opacity: 0.5;}\n}\n\n@keyframes pulse {\n 0% {opacity: 1;}\n 100% {opacity: 0.5;}\n}\n\n.rcp-pulse {\n opacity: 1;\n -webkit-animation: pulse .6s linear 0s infinite alternate;\n animation: pulse .6s linear 0s infinite alternate;\n}\n\n@-webkit-keyframes wave{\n 0% {left: -100%;}\n 100% {left: 100%;}\n}\n\n@keyframes wave{\n 0% {left: -100%;}\n 100% {left: 100%;}\n}\n.rcp-wave {\n position: relative;\n overflow: hidden;\n}\n.rcp-wave:after {\n background: linear-gradient(to right, rgba(255,255,255,0) 1%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );\n content: \"\";\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: block;\n -webkit-animation: wave 1.8s linear 0s infinite;\n animation: wave 1.8s linear 0s infinite;\n opacity: .3;\n overflow: hidden;\n}\n"]}