@ebay/skin
Version:
Skin - CSS modules that represent the brand eBay
35 lines (32 loc) • 664 B
CSS
.progress-spinner {
animation: spin 1.5s linear infinite;
animation-timing-function: cubic-bezier(0.7, 0.2, 0.3, 0.73);
display: inline-block;
height: 24px;
width: 24px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(2turn);
}
}
.progress-spinner > svg.icon.icon--20,
.progress-spinner > svg.icon.icon--24,
.progress-spinner > svg.icon.icon--30 {
height: inherit;
margin: 0;
max-height: inherit;
max-width: inherit;
width: inherit;
}
.progress-spinner--small {
height: 20px;
width: 20px;
}
.progress-spinner--large {
height: 30px;
width: 30px;
}