vue-cesium
Version:
Vue 3.x components for CesiumJS.
1 lines • 2.73 kB
CSS
.vc-btn{display:inline-flex;flex-direction:column;align-items:stretch;position:relative;outline:0;border:0;vertical-align:middle;font-size:16px;line-height:1em;text-decoration:none;color:inherit;background:0 0;font-weight:500;text-transform:uppercase;text-align:center;cursor:default;padding:4px 16px;min-height:2em;svg-width:100%;svg-height:100%}.vc-btn .vc-icon,.vc-btn .vc-spinner{font-size:1em}.vc-btn.disabled{opacity:.7}.vc-btn:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:inherit;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.vc-btn--actionable{cursor:pointer}.vc-btn--actionable.vc-btn--standard:before{transition:box-shadow .3s cubic-bezier(.25,.8,.5,1)}.vc-btn--actionable.vc-btn--standard.vc-btn--active:before,.vc-btn--actionable.vc-btn--standard:active:before{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.vc-btn--no-uppercase{text-transform:none}.vc-btn--rectangle{border-radius:3px}.vc-btn--outline{background:0 0}.vc-btn--outline:before{border:1px solid currentColor}.vc-btn--push{border-radius:7px}.vc-btn--push:before{border-bottom:3px solid rgba(0,0,0,.15)}.vc-btn--push.vc-btn--actionable{transition:transform .3s cubic-bezier(.25,.8,.5,1)}.vc-btn--push.vc-btn--actionable:before{transition:border-width .3s cubic-bezier(.25,.8,.5,1)}.vc-btn--push.vc-btn--actionable.vc-btn--active,.vc-btn--push.vc-btn--actionable:active{transform:translateY(2px)}.vc-btn--push.vc-btn--actionable.vc-btn--active:before,.vc-btn--push.vc-btn--actionable:active:before{border-bottom-width:0}.vc-btn--rounded{border-radius:28px}.vc-btn--round{border-radius:50%;padding:0;min-width:2em;min-height:2em}.vc-btn--flat:before,.vc-btn--outline:before,.vc-btn--unelevated:before{box-shadow:none}.vc-btn--dense{padding:.285em;min-height:1.5em}.vc-btn--dense.vc-btn--round{padding:0;min-height:1.2em;min-width:1.2em}.vc-btn--dense .on-left{margin-right:6px}.vc-btn--dense .on-right{margin-left:6px}.vc-btn--fab .vc-icon,.vc-btn--fab-mini .vc-icon{font-size:24px}.vc-btn--fab{padding:16px;min-height:56px;min-width:56px}.vc-btn--fab .vc-icon{margin:auto}.vc-btn--fab-mini{padding:8px;min-height:40px;min-width:40px}.vc-btn__content{transition:opacity .3s;z-index:0}.vc-btn__content--hidden{opacity:0;pointer-events:none}.vc-btn__progress{border-radius:inherit;z-index:0}.vc-btn__progress-indicator{z-index:-1;transform:translateX(-100%);background:rgba(255,255,255,.25)}.vc-btn__progress--dark .vc-btn__progress-indicator{background:rgba(0,0,0,.2)}.vc-btn--flat .vc-btn__progress-indicator,.vc-btn--outline .vc-btn__progress-indicator{opacity:.2;background:currentColor}