Skip to content

Commit 8972fc3

Browse files
committed
feat: Add CSS styles for Spinner component with customizable sizes
1 parent b8bd09a commit 8972fc3

1 file changed

Lines changed: 32 additions & 0 deletions

File tree

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
.spinner {
2+
position: relative;
3+
border-radius: 50%;
4+
border: 2px solid transparent;
5+
border-top-color: currentColor;
6+
border-right-color: currentColor;
7+
border-bottom-color: currentColor;
8+
animation: spin 1.5s linear infinite;
9+
&.small {
10+
width: 20px;
11+
height: 20px;
12+
}
13+
14+
&.medium {
15+
width: 40px;
16+
height: 40px;
17+
}
18+
19+
&.large {
20+
width: 50px;
21+
height: 50px;
22+
}
23+
}
24+
25+
@keyframes spin {
26+
0% {
27+
transform: rotate(0deg);
28+
}
29+
100% {
30+
transform: rotate(360deg);
31+
}
32+
}

0 commit comments

Comments
 (0)