tokono.ma
1/***********************************
2 * 🪟
3 ***********************************/
4
5body {
6 background: #3a6ea5;
7 color: white;
8 font-family: "Pixelated MS Sans Serif", sans-serif;
9 font-size: 12px;
10 margin: 12px;
11 overflow: hidden;
12}
13
14#webamp {
15 isolation: isolate;
16}
17
18main > section {
19 inset: 0;
20 position: absolute;
21}
22
23/***********************************
24 * Desktop
25 ***********************************/
26.desktop {
27 align-items: start;
28 display: flex;
29 flex-wrap: wrap;
30 gap: 12px;
31 inset: 12px;
32}
33
34.desktop__item {
35 align-items: center;
36 background: transparent;
37 border: 0;
38 cursor: pointer;
39 color: inherit;
40 display: inline-flex;
41 flex-direction: column;
42 font-family: inherit;
43 text-decoration: none;
44 user-select: none;
45
46 &:visited,
47 &:active {
48 color: inherit;
49 text-decoration: none;
50 }
51
52 & > label {
53 cursor: inherit;
54 margin-top: 4px;
55 }
56
57 &:focus {
58 border: 0;
59 outline: 0;
60
61 & label {
62 outline: 1px dotted white;
63 outline-offset: 2px;
64 }
65 }
66}