blob: 3cec42cf66ee9f3293531faf4d4eddc48ef032fd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
/**
* Spinners
* --------------------------------------------------
*/
.spinner {
svg {
width: $spinner-width;
height: $spinner-height;
}
stroke: $spinner-default-stroke;
fill: $spinner-default-fill;
&.spinner-light {
stroke: $spinner-light-stroke;
fill: $spinner-light-fill;
}
&.spinner-stable {
stroke: $spinner-stable-stroke;
fill: $spinner-stable-fill;
}
&.spinner-positive {
stroke: $spinner-positive-stroke;
fill: $spinner-positive-fill;
}
&.spinner-calm {
stroke: $spinner-calm-stroke;
fill: $spinner-calm-fill;
}
&.spinner-balanced {
stroke: $spinner-balanced-stroke;
fill: $spinner-balanced-fill;
}
&.spinner-assertive {
stroke: $spinner-assertive-stroke;
fill: $spinner-assertive-fill;
}
&.spinner-energized {
stroke: $spinner-energized-stroke;
fill: $spinner-energized-fill;
}
&.spinner-royal {
stroke: $spinner-royal-stroke;
fill: $spinner-royal-fill;
}
&.spinner-dark {
stroke: $spinner-dark-stroke;
fill: $spinner-dark-fill;
}
}
.spinner-android {
stroke: #4b8bf4;
}
.spinner-ios,
.spinner-ios-small {
stroke: #69717d;
}
.spinner-spiral {
.stop1 {
stop-color: $spinner-light-fill;
stop-opacity: 0;
}
&.spinner-light {
.stop1 {
stop-color: $spinner-default-fill;
}
.stop2 {
stop-color: $spinner-light-fill;
}
}
&.spinner-stable .stop2 {
stop-color: $spinner-stable-fill;
}
&.spinner-positive .stop2 {
stop-color: $spinner-positive-fill;
}
&.spinner-calm .stop2 {
stop-color: $spinner-calm-fill;
}
&.spinner-balanced .stop2 {
stop-color: $spinner-balanced-fill;
}
&.spinner-assertive .stop2 {
stop-color: $spinner-assertive-fill;
}
&.spinner-energized .stop2 {
stop-color: $spinner-energized-fill;
}
&.spinner-royal .stop2 {
stop-color: $spinner-royal-fill;
}
&.spinner-dark .stop2 {
stop-color: $spinner-dark-fill;
}
}
|
