vue-cesium/theme-default/vc-skeleton.css

Vue 3.x components for CesiumJS.

@charset "UTF-8";.vc-skeleton{background:rgba(0,0,0,.12);border-radius:4px;box-sizing:border-box}.vc-skeleton--anim{cursor:wait}.vc-skeleton:before{content:" "}.vc-skeleton--type-text{transform:scale(1,.5)}.vc-skeleton--type-VcAvatar,.vc-skeleton--type-circle{height:48px;width:48px;border-radius:50%}.vc-skeleton--type-VcBtn{width:90px;height:36px}.vc-skeleton--type-VcBadge{width:70px;height:16px}.vc-skeleton--type-VcChip{width:90px;height:28px;border-radius:16px}.vc-skeleton--type-VcToolbar{height:50px}.vc-skeleton--type-VcCheckbox,.vc-skeleton--type-VcRadio{width:40px;height:40px;border-radius:50%}.vc-skeleton--type-VcToggle{width:56px;height:40px;border-radius:7px}.vc-skeleton--type-VcRange,.vc-skeleton--type-VcSlider{height:40px}.vc-skeleton--type-VcInput{height:56px}.vc-skeleton--bordered{border:1px solid rgba(0,0,0,.05)}.vc-skeleton--square{border-radius:0}.vc-skeleton--anim-fade{animation:vc-skeleton--fade 1.5s linear .5s infinite}.vc-skeleton--anim-pulse{animation:vc-skeleton--pulse 1.5s ease-in-out .5s infinite}.vc-skeleton--anim-pulse-x{animation:vc-skeleton--pulse-x 1.5s ease-in-out .5s infinite}.vc-skeleton--anim-pulse-y{animation:vc-skeleton--pulse-y 1.5s ease-in-out .5s infinite}.vc-skeleton--anim-blink,.vc-skeleton--anim-pop,.vc-skeleton--anim-wave{position:relative;overflow:hidden;z-index:1}.vc-skeleton--anim-blink:after,.vc-skeleton--anim-pop:after,.vc-skeleton--anim-wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.vc-skeleton--anim-blink:after{background:rgba(255,255,255,.7);animation:vc-skeleton--fade 1.5s linear .5s infinite}.vc-skeleton--anim-wave:after{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:vc-skeleton--wave 1.5s linear .5s infinite}.vc-skeleton--dark{background:rgba(255,255,255,.05)}.vc-skeleton--dark.vc-skeleton--bordered{border:1px solid rgba(255,255,255,.25)}.vc-skeleton--dark.vc-skeleton--anim-wave:after{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.1),rgba(255,255,255,0))}.vc-skeleton--dark.vc-skeleton--anim-blink:after{background:rgba(255,255,255,.2)}@keyframes vc-skeleton--fade{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@keyframes vc-skeleton--pulse{0%{transform:scale(1)}50%{transform:scale(.85)}100%{transform:scale(1)}}@keyframes vc-skeleton--pulse-x{0%{transform:scaleX(1)}50%{transform:scaleX(.75)}100%{transform:scaleX(1)}}@keyframes vc-skeleton--pulse-y{0%{transform:scaleY(1)}50%{transform:scaleY(.75)}100%{transform:scaleY(1)}}@keyframes vc-skeleton--wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}