-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
101 lines (90 loc) · 2.12 KB
/
popup.html
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<main class="main">
<label>
Grid:
<select id="s-sel">
<option value="row">row</option>
<option value="col">col</option>
<option value="all">all</option>
</select>
</label>
<label>
<button id="hide">Hide</button>
</label>
<label class="right">
<button id="show">Show</button>
</label>
<hr />
<br />
<label>
width:
<br />
<input id="w-inp" type="number" />
<select id="w-sel">
<option value="px">px</option>
<option value="cm">cm</option>
<option value="mm">mm</option>
<option value="in">in</option>
<option value="pc">pc</option>
<option value="pt">pt</option>
<option value="ch">ch</option>
<option value="em">em</option>
<option value="rem">rem</option>
<option value="vh">vh</option>
<option value="vw">vw</option>
<option value="vmin">vmin</option>
<option value="vmax">vmax</option>
</select>
</label>
<br />
<label>
height:
<br />
<input id="h-inp" type="number" />
<select id="h-sel">
<option value="px">px</option>
<option value="cm">cm</option>
<option value="mm">mm</option>
<option value="in">in</option>
<option value="pc">pc</option>
<option value="pt">pt</option>
<option value="ch">ch</option>
<option value="em">em</option>
<option value="rem">rem</option>
<option value="vh">vh</option>
<option value="vw">vw</option>
<option value="vmin">vmin</option>
<option value="vmax">vmax</option>
</select>
</label>
<br />
<label class="right">
<button id="chg-size">Change Size</button>
</label>
<br />
<label>
color:
<br />
<input id="c-inp" type="color" />
</label>
<br />
<label class="right">
<button id="chg-color">Change Color</button>
</label>
<br />
<label>
<button id="reset">Reset</button>
</label>
</main>
<style>
.main {
width: max-content;
}
.right {
float: right;
}
</style>
<!-- <script
defer=""
src="file:///Users/apple/vscode/MDN-Wayback/js/popup.js"
></script> -->
<script defer src="/js/popup.js"></script>