@atlaskit/onboarding
Version:
An onboarding spotlight introduces new features to users through focused messages or multi-step tours.
12 lines • 956 B
CSS
._152tze3t{inset-block-start:var(--ds-space-0,0)}
._16qs1peg{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1)}
._1bsb1osq{width:100%}
._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
._4t3i1osq{height:100%}
._5sag19pg{animation-duration:var(--ds-duration-xxlong,3s)}
._j7hqfamb{animation-name:kb6d39w}
._kqswstnw{position:absolute}
._tip812c5{animation-iteration-count:infinite}
@keyframes kb6d39w{0%{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1),0 0 0 var(--ds-border-discovery,#af59e1)}33%{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1),0 0 0 var(--ds-border-discovery,#af59e1)}66%{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1),0 0 0 10px rgba(101,84,192,.01)}to{box-shadow:0 0 0 2px var(--ds-border-discovery,#af59e1),0 0 0 10px rgba(101,84,192,.01)}}
@media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}