@shopify/polaris
Version:
Shopify’s product component library
15 lines (10 loc) • 815 B
CSS
.Polaris-Indicator_dw7mr::before, .Polaris-Indicator_dw7mr::after{ content:''; position:absolute; background-color:var(--p-border-highlight, #47c1bf); right:-0.4rem; top:-0.4rem; width:1rem; height:1rem; border-radius:100%; border:0.5rem solid transparent; }
.Polaris-Indicator--pulseIndicator_2j5c8::before{ z-index:1; animation:Polaris-Indicator--bounce_j5l5s 5s ease infinite; }
.Polaris-Indicator--pulseIndicator_2j5c8::after{ right:-0.4rem; top:-0.4rem; animation:Polaris-Indicator--pulse_2qq42 5s ease infinite; }
@keyframes Polaris-Indicator--bounce_j5l5s{ from, 65%, 85%{ transform:scale(1); }
75%{ transform:scale(0.85); }
82.5%{ transform:scale(1.05); } }
@keyframes Polaris-Indicator--pulse_2qq42{ from, 75%{ transform:scale(0.85);
opacity:1; }
to{ transform:scale(2.5);
opacity:0; } }