1
- @use " sass:map" ;
2
-
3
1
$reactium-blue : #4f82ba !default ;
4
2
$reactium-white : #ffffff !default ;
5
- $jmj-loading-bg : radial-gradient (#1D2758 , #111735 );
6
- $jmj-image-logo : map .get ($assets , " jmj-loader-logo" ) !default ;
7
-
8
- $reactium-loading-zindex : 1000 !default ;
9
3
10
4
.reactium-loading {
11
- z-index : $reactium-loading-zindex ;
12
5
top : 0 ;
13
6
left : 0 ;
14
7
width : 100vw ;
15
8
height : 100vh ;
16
9
position : fixed ;
17
10
background-color : $reactium-white ;
18
- background-image : $jmj-loading-bg ;
19
11
20
12
& ,
21
13
* {
@@ -24,22 +16,22 @@ $reactium-loading-zindex: 1000 !default;
24
16
25
17
& :before {
26
18
content : ' ' ;
27
- width : 224 px ;
28
- height : 224 px ;
19
+ width : 64 px ;
20
+ height : 64 px ;
29
21
border-radius : 100% ;
30
- z-index : $reactium-loading-zindex + 1 ;
22
+ z-index : 1 ;
31
23
left : 50% ;
32
24
top : 50% ;
33
25
position : absolute ;
34
26
transform : translate (-50% , -50% );
35
- box-shadow : 0 0 0 0 rgba (#111735 , 1 );
27
+ box-shadow : 0 0 0 0 rgba ($reactium-blue , 1 );
36
28
animation : reactium- pulse 1.2s infinite ;
37
29
}
38
30
39
31
& :after {
40
32
content : ' ' ;
41
- width : 224 px ;
42
- height : 150 px ;
33
+ width : 64 px ;
34
+ height : 64 px ;
43
35
z-index : 2 ;
44
36
left : 50% ;
45
37
top : 50% ;
@@ -48,20 +40,20 @@ $reactium-loading-zindex: 1000 !default;
48
40
background-size : cover ;
49
41
background-position : center ;
50
42
background-repeat : no-repeat ;
51
- background-image : url ($jmj-image- logo );
43
+ background-image : url (' /assets/images/ logo.png ' );
52
44
}
53
45
}
54
46
55
47
@keyframes reactium-pulse {
56
48
0% {
57
- box-shadow : 0 0 0 0 rgba (#111735 , 0.7 );
49
+ box-shadow : 0 0 0 0 rgba ($reactium-blue , 0.7 );
58
50
}
59
51
60
52
70% {
61
- box-shadow : 0 0 0 48 px rgba (#1D2758 , 0 );
53
+ box-shadow : 0 0 0 12 px rgba ($reactium-blue , 0 );
62
54
}
63
55
64
56
100% {
65
- box-shadow : 0 0 0 0 rgba (#fff , 0 );
57
+ box-shadow : 0 0 0 0 rgba ($reactium-white , 0 );
66
58
}
67
59
}
0 commit comments