UNPKG

@shopify/polaris

Version:

Shopify’s product component library

15 lines (10 loc) 815 B
.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; } }