dotfiles

 1@import "variables";
 2
 3.logo {
 4  align-items: center;
 5  background: var(--accent);
 6  border-radius: $corner-radius;
 7  color: black;
 8  display: flex;
 9  padding: 5px 10px;
10  text-decoration: none;
11  font-size: 1.2em;
12
13  &:hover {
14    color: var(--accent-secondary);
15  }
16}
17
18.loading {
19  margin-left: 15px;
20  font-size: 3px;
21  position: relative;
22  text-indent: -9999em;
23  border-top: 1.1em solid var(--border-color);
24  border-right: 1.1em solid var(--border-color);
25  border-bottom: 1.1em solid var(--border-color);
26  border-left: 1.1em solid black;
27
28  transform: translateZ(0);
29  -webkit-transform: translateZ(0);
30  -ms-transform: translateZ(0);
31  animation: load8 1.1s infinite linear;
32  -webkit-animation: load8 1.1s infinite linear;
33
34  border-radius: 50%;
35  width: 7em;
36  height: 7em;
37
38  &:after {
39    border-radius: 50%;
40    width: 7em;
41    height: 7em;
42  }
43}
44
45@-webkit-keyframes load8 {
46  0% {
47    -webkit-transform: rotate(0deg);
48    transform: rotate(0deg);
49  }
50  100% {
51    -webkit-transform: rotate(360deg);
52    transform: rotate(360deg);
53  }
54}
55
56@keyframes load8 {
57  0% {
58    -webkit-transform: rotate(0deg);
59    transform: rotate(0deg);
60  }
61  100% {
62    -webkit-transform: rotate(360deg);
63    transform: rotate(360deg);
64  }
65}