FrontEnd/src/components/Skeleton.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

.cru-skeleton {
  padding: 0 1em;
}

.cru-skeleton-line {
  height: 1em;
  background-color: hsl(0 0% 90%);
  margin: 0.7em 0;
  border-radius: 0.2em;
}

@media (prefers-color-scheme: dark) {
  .cru-skeleton-line {
    background-color: hsl(0 0% 20%);
  }
}

.cru-skeleton-line:last-child {
  width: 50%;
}