beta-parity-react/ui/Dot/index.css

Beta Parity React Components

.dot{background-color:currentColor;border-radius:9999px;display:flex;flex-shrink:0;margin:0;min-height:.25rem;min-width:.25rem;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dot.pulse:before{content:"";display:inline-flex;height:100%;position:absolute;width:100%}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.dot.pulse:before{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;background-color:inherit;border-radius:9999px;opacity:.75}.dot.extra-small{height:.25rem;width:.25rem}.dot.small{height:.3125rem;width:.3125rem}.dot.medium{height:.375rem;width:.375rem}.dot.large{height:.5rem;width:.5rem}.dot.extra-large{height:.75rem;width:.75rem}.dot.gray{background-color:var(--par-color-bg-dot-solid-gray)}.dot.orange{background-color:var(--par-color-bg-dot-solid-orange)}.dot.cyan{background-color:var(--par-color-bg-dot-solid-cyan)}.dot.violet{background-color:var(--par-color-bg-dot-solid-violet)}.dot.green{background-color:var(--par-color-bg-dot-solid-green)}.dot.red{background-color:var(--par-color-bg-dot-solid-red)}.dot.yellow{background-color:var(--par-color-bg-dot-solid-yellow)}.dot.blue{background-color:var(--par-color-bg-dot-solid-blue)}.dot.lime{background-color:var(--par-color-bg-dot-solid-lime)}.dot.glass{opacity:.5}