LaravelTest

1
/* This is a compiled file, to make changes persist, consider editing under the templates directory */
2
.pace {
3
  -webkit-pointer-events: none;
4
  pointer-events: none;
5

6
  -webkit-user-select: none;
7
  -moz-user-select: none;
8
  user-select: none;
9
}
10

11
.pace .pace-activity {
12
  display: block;
13
  position: fixed;
14
  z-index: 2000;
15
  top: 0;
16
  right: 0;
17
  width: 300px;
18
  height: 300px;
19
  background: #ee3148;
20
  -webkit-transition: -webkit-transform 0.3s;
21
  transition: transform 0.3s;
22
  -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
23
  transform: translateX(100%) translateY(-100%) rotate(45deg);
24
  pointer-events: none;
25
}
26

27
.pace.pace-active .pace-activity {
28
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
29
  transform: translateX(50%) translateY(-50%) rotate(45deg);
30
}
31

32
.pace .pace-activity::before,
33
.pace .pace-activity::after {
34
    -moz-box-sizing: border-box;
35
    box-sizing: border-box;
36
    position: absolute;
37
    bottom: 30px;
38
    left: 50%;
39
    display: block;
40
    border: 5px solid #fff;
41
    border-radius: 50%;
42
    content: '';
43
}
44

45
.pace .pace-activity::before {
46
    margin-left: -40px;
47
    width: 80px;
48
    height: 80px;
49
    border-right-color: rgba(0, 0, 0, .2);
50
    border-left-color: rgba(0, 0, 0, .2);
51
    -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
52
    animation: pace-theme-corner-indicator-spin 3s linear infinite;
53
}
54

55
.pace .pace-activity::after {
56
    bottom: 50px;
57
    margin-left: -20px;
58
    width: 40px;
59
    height: 40px;
60
    border-top-color: rgba(0, 0, 0, .2);
61
    border-bottom-color: rgba(0, 0, 0, .2);
62
    -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;
63
    animation: pace-theme-corner-indicator-spin 1s linear infinite;
64
}
65

66
@-webkit-keyframes pace-theme-corner-indicator-spin {
67
  0% { -webkit-transform: rotate(0deg); }
68
  100% { -webkit-transform: rotate(359deg); }
69
}
70
@keyframes pace-theme-corner-indicator-spin {
71
  0% { transform: rotate(0deg); }
72
  100% { transform: rotate(359deg); }
73
}
74