Refactor css
mellobacon committed
Nov 24, 2022 at 15:39 UTC
afadf17eec008abbdd57e1ecfa9cb2cce59bf838
1 file changed
+26
-24
src/global.css
+26
-24
@@ -2,17 +2,32 @@ html, body {
2
position: relative;
3
width: 100%;
4
height: 100%;
5
+ padding: 0;
6
+ margin: 0;
7
+ overflow: hidden;
8
}
9
7
-body {
8
- color: #333;
9
- margin: 0;
10
- padding: 8px;
11
- box-sizing: border-box;
10
+html {
11
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
13
- overflow: hidden;
12
+ font-size: 16px;
13
+ line-height: 24px;
14
+ font-weight: 400;
15
+
16
+ color: #ffffff;
17
+ background-color: #161616;
18
user-select: none;
19
-webkit-user-select: none;
20
+
21
+ font-synthesis: none;
22
+ text-rendering: optimizeLegibility;
23
+ -webkit-font-smoothing: antialiased;
24
+ -moz-osx-font-smoothing: grayscale;
25
+ -webkit-text-size-adjust: 100%;
26
+}
27
+
28
+body {
29
+ padding: 8px;
30
+ box-sizing: border-box;
31
}
32
33
a {
@@ -35,13 +50,10 @@ label {
50
input, button, select, textarea {
51
font-family: inherit;
52
font-size: inherit;
38
- -webkit-padding: 0.4em 0;
53
padding: 0.4em;
54
margin: 0;
55
outline: none !important;
56
box-sizing: border-box;
43
- border: 1px solid #ccc;
44
- border-radius: 2px;
57
}
58
59
input:focus, button:focus, textarea:focus {
@@ -53,19 +65,9 @@ input:disabled {
65
}
66
67
button {
56
- color: #333;
57
- background-color: #f4f4f4;
58
- outline: none;
59
-}
60
-
61
-button:disabled {
62
- color: #999;
63
-}
64
-
65
-button:not(:disabled):active {
66
- background-color: #ddd;
67
-}
68
-
69
-button:focus {
70
- border-color: #666;
68
+ cursor: pointer;
69
+ padding: 0;
70
+ background: none;
71
+ border: none;
72
+ color: white;
73
}