-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathstyle.css
More file actions
72 lines (59 loc) · 1.18 KB
/
style.css
File metadata and controls
72 lines (59 loc) · 1.18 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
html, body {
margin: 0;
padding: 0;
background-color: black;
}
h3 {
margin: 0;
}
.menu button {
all: unset;
cursor: pointer;
font-family: 'silkscreen';
background-color: gray;
border-radius: 3px;
box-shadow: 0 4px black;
}
.menu button:focus-visible,.menu button:hover {
outline: white solid 1px;
/* box-shadow: 0 4px black; */
}
.menu button:active {
transform: translate(0, 4px);
box-shadow: 0 0 black;
}
#game {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.excalibur-scale {
transform-origin: 0 0;
transform: scale(var(--pixel-conversion), var(--pixel-conversion));
}
.menu {
position: absolute;
/* position menu on click */
left: var(--pointer-x);
top: var(--pointer-y);
font-family: 'silkscreen';
display: flex;
flex-direction: column;
padding: 5px;
width: 100px;
color: white;
background-color: #00000077;
border-radius: 5px;
/* top: calc(10px * var(--pixel-conversion));
left: calc(10px * var(--pixel-conversion)); */
}
.menu button {
margin-bottom: 10px;
}
.hide {
display: none;
}
.show {
display: block;
}