We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent b8bd09a commit 8972fc3Copy full SHA for 8972fc3
1 file changed
src/components/Elements/Spinner/Spinner.css
@@ -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