static/styles.css 1.9 K raw
1
* {
2
	padding: 0;
3
	margin: 0;
4
	box-sizing: border-box;
5
	font-family: "Commit Mono", monospace, sans-serif;
6
	scrollbar-width: none;
7
	-ms-overflow-style: none;
8
}
9
10
html {
11
	background: #121113;
12
	color: #ffffff;
13
}
14
15
html::-webkit-scrollbar {
16
	display: none;
17
}
18
19
body {
20
	display: flex;
21
	flex-direction: column;
22
	justify-content: start;
23
	align-items: start;
24
	gap: 1.5rem;
25
	min-height: 100vh;
26
	max-width: 700px;
27
	margin: auto;
28
}
29
30
.header {
31
	display: flex;
32
	text-decoration: none;
33
}
34
35
.nav {
36
	display: flex;
37
	align-items: center;
38
	justify-content: space-between;
39
	width: 100%;
40
	margin-top: 2rem;
41
}
42
43
.icon {
44
	display: flex;
45
	align-items: center;
46
	justify-content: center;
47
	color: #878787;
48
	width: 24px;
49
	height: 24px;
50
}
51
52
.icon svg {
53
	width: 24px;
54
	height: 24px;
55
}
56
57
.icon svg path {
58
	fill: #878787;
59
}
60
61
.icon:hover svg path {
62
	fill: white;
63
}
64
65
#snippetForm {
66
	display: flex;
67
	flex-direction: column;
68
	gap: 1rem;
69
	width: 100%;
70
}
71
72
#snippetForm input {
73
	background: #121113;
74
	color: #ffffff;
75
	border: 1px solid white;
76
	padding: 4px;
77
}
78
79
textarea {
80
	background: #121113;
81
	color: #ffffff;
82
	width: 100%;
83
	min-height: 400px;
84
	padding: 6px;
85
	border: 1px solid white;
86
}
87
88
.code-container {
89
	border: 1px solid white;
90
	height: 400px;
91
	overflow: auto;
92
}
93
94
.code-container pre {
95
	background-color: #121113 !important;
96
	padding: 6px;
97
	margin: 0;
98
	min-height: 100%;
99
	font-size: 13px;
100
	line-height: 1.4;
101
}
102
103
button {
104
	background: #121113;
105
	color: #ffffff;
106
	padding: 6px;
107
	border: 1px solid white;
108
	cursor: pointer;
109
	width: fit-content;
110
}
111
112
a {
113
	background: #121113;
114
	color: #ffffff;
115
}
116
117
@media (max-width: 480px) {
118
	body {
119
		padding: 1rem;
120
		gap: 1rem;
121
	}
122
}
123
124
@font-face {
125
	font-family: "Commit Mono";
126
	src: url("/assets/fonts/CommitMono-400-Regular.otf") format("opentype");
127
	font-weight: 400;
128
	font-style: normal;
129
}
130
131
@font-face {
132
	font-family: "Commit Mono";
133
	src: url("/assets/fonts/CommitMono-700-Regular.otf") format("opentype");
134
	font-weight: 700;
135
	font-style: normal;
136
}