A music player that connects to your cloud/distributed storage.
1@import "./variables.css" layer(base.variables);
2@import "./animations.css" layer(base.animations);
3
4@import "./diffuse/colors.css" layer(diffuse.colors);
5@import "./diffuse/font-faces.css" layer(diffuse.font-faces);
6@import "./diffuse/fonts.css" layer(diffuse.fonts);
7
8body {
9 background: var(--bg-color);
10 color: var(--text-color);
11}
12
13#container {
14 opacity: 0;
15 transition: opacity 750ms;
16
17 &.has-loaded {
18 opacity: 1;
19 }
20}
21
22@scope (.diffuse) {
23 :scope {
24 color: var(--text-color);
25 font-size: var(--fs-md);
26 left: 50%;
27 position: absolute;
28 top: 50%;
29 transform: translate(-50%, -50%);
30 }
31
32 .flex {
33 align-items: center;
34 display: flex;
35 gap: var(--space-2xs);
36 justify-content: center;
37 }
38
39 #diffuse-loader {
40 pointer-events: none;
41 transition: opacity 500ms ease;
42
43 &.loaded {
44 opacity: 0;
45 }
46 }
47}