-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
338 lines (337 loc) · 16.6 KB
/
index.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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
<!doctype html>
<meta charset="utf-8">
<link rel="stylesheet" href="alwin.css">
<style>
body {
font-family: Helvetica, Roboto, sans-serif;
max-width: 1140px;
margin: auto;
padding: 8px 3%;
background: #f3f5ff;
}
dl {
display: grid;
grid-template-columns: 1fr 2fr;
margin-bottom: 24px;
background: white;
padding: 24px;
border-radius: 3px;
box-shadow: 0 1px 3px -2px #0008;
}
dl:empty {
display: none;
}
dl > * {
padding: 6px;
border-bottom: 1px solid #1231;
margin: 0;
font-family: Fira Code VF,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
line-height: 1.5;
font-size: 14px;
}
dl > *:nth-last-child(-n+2) {
border: none;
}
dt {
font-weight: 600;
color: rgb(14 165 233);
}
dd {
color: rgb(79 70 229);
}
</style>
<header class="flex items-center">
<h1>alwin.css</h1>
</header>
<dl><dt>.block</dt><dd>display: block !important</dd>
<dt>.inline-block</dt><dd>display: inline-block !important</dd>
</dl><dl>
<dt>.flex</dt><dd>display: flex !important</dd>
<dt>.flex-col</dt><dd>flex-direction: column !important</dd>
<dt>.flex-row</dt><dd>flex-direction: row !important</dd>
<dt>.flex-1</dt><dd>flex: 1 !important</dd>
</dl><dl>
<dt>.items-center</dt><dd>align-items: center !important</dd>
<dt>.justify-center</dt><dd>justify-content: center !important</dd>
<dt>.text-center</dt><dd>text-align: center !important</dd>
</dl><dl>
<dt>.font-thin</dt><dd>font-weight: 100 !important</dd>
<dt>.font-extralight</dt><dd>font-weight: 200 !important</dd>
<dt>.font-light</dt><dd>font-weight: 300 !important</dd>
<dt>.font-normal</dt><dd>font-weight: 400 !important</dd>
<dt>.font-medium</dt><dd>font-weight: 500 !important</dd>
<dt>.font-semibold</dt><dd>font-weight: 600 !important</dd>
<dt>.font-bold</dt><dd>font-weight: 700 !important</dd>
<dt>.font-extrabold</dt><dd>font-weight: 800 !important</dd>
<dt>.font-black</dt><dd>font-weight: 900 !important</dd>
</dl><dl>
<dt>.leading-100</dt><dd>line-height: 1</dd>
<dt>.leading-120</dt><dd>line-height: 1.2</dd>
<dt>.leading-130</dt><dd>line-height: 1.3</dd>
<dt>.leading-140</dt><dd>line-height: 1.4</dd>
<dt>.leading-150</dt><dd>line-height: 1.5</dd>
<dt>.leading-160</dt><dd>line-height: 1.6</dd>
</dl><dl>
<dt>.shadow-sm</dt><dd>box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important</dd>
<dt>.shadow</dt><dd>box-shadow: 0 1px 3px 0 #0002, 0 1px 2px -1px #0002 !important</dd>
<dt>.shadow-md</dt><dd>box-shadow: 0 1px 6px -1px #0002, 0 2px 4px -2px #0002 !important</dd>
<dt>.shadow-lg</dt><dd>box-shadow: 0 2px 16px -4px #0002, 0 4px 6px -4px #0002 !important</dd>
<dt>.shadow-xl</dt><dd>box-shadow: 0 2px 24px -6px #0002, 0 8px 10px -6px #0002 !important</dd>
<dt>.shadow-inner</dt><dd>box-shadow: inset 0 1px 3px 0 #0001 !important</dd>
<dt>.shadow-none</dt><dd>box-shadow: none !important</dd>
</dl><dl>
<dt>.pointer-events-none</dt><dd>pointer-events: none !important</dd>
<dt>.pointer-events-auto</dt><dd>pointer-events: none !important</dd>
</dl><dl>
<dt>.select-none</dt><dd>user-select: none !important</dd>
<dt>.list-none</dt><dd>list-style-type: none !important</dd>
</dl><dl>
<dt>.fill</dt><dd>fill: currentColor !important;<br>stroke: none !important</dd>
<dt>.stroke</dt><dd>stroke: currentColor !important;<br>fill: none !important</dd>
</dl><dl>
<dt>.static</dt><dd>position: static !important</dd>
<dt>.fixed</dt><dd>position: fixed !important</dd>
<dt>.relative</dt><dd>position: relative !important</dd>
<dt>.absolute</dt><dd>position: absolute !important</dd>
<dt>.sticky</dt><dd>position: sticky !important</dd>
</dl><dl>
<dt>.inset-0</dt><dd>inset: 0</dd>
</dl><dl>
<dt>.mt-0</dt><dd>margin-top: 0px !important</dd>
<dt>.mt-1</dt><dd>margin-top: 1px !important</dd>
<dt>.mt-2</dt><dd>margin-top: 2px !important</dd>
<dt>.mt-4</dt><dd>margin-top: 4px !important</dd>
<dt>.mt-6</dt><dd>margin-top: 6px !important</dd>
<dt>.mt-8</dt><dd>margin-top: 8px !important</dd>
<dt>.mt-12</dt><dd>margin-top: 12px !important</dd>
<dt>.mt-16</dt><dd>margin-top: 16px !important</dd>
<dt>.mt-24</dt><dd>margin-top: 24px !important</dd>
<dt>.mt-32</dt><dd>margin-top: 32px !important</dd>
<dt>.mt-48</dt><dd>margin-top: 48px !important</dd>
<dt>.mt-64</dt><dd>margin-top: 64px !important</dd>
<dt>.mt-96</dt><dd>margin-top: 96px !important</dd>
<dt>.mt-128</dt><dd>margin-top: 128px !important</dd>
<dt>.mt-192</dt><dd>margin-top: 192px !important</dd>
<dt>.mt-256</dt><dd>margin-top: 256px !important</dd>
</dl><dl>
<dt>.ml-0</dt><dd>margin-left: 0px !important</dd>
<dt>.ml-1</dt><dd>margin-left: 1px !important</dd>
<dt>.ml-2</dt><dd>margin-left: 2px !important</dd>
<dt>.ml-4</dt><dd>margin-left: 4px !important</dd>
<dt>.ml-6</dt><dd>margin-left: 6px !important</dd>
<dt>.ml-8</dt><dd>margin-left: 8px !important</dd>
<dt>.ml-12</dt><dd>margin-left: 12px !important</dd>
<dt>.ml-16</dt><dd>margin-left: 16px !important</dd>
<dt>.ml-24</dt><dd>margin-left: 24px !important</dd>
<dt>.ml-32</dt><dd>margin-left: 32px !important</dd>
<dt>.ml-48</dt><dd>margin-left: 48px !important</dd>
<dt>.ml-64</dt><dd>margin-left: 64px !important</dd>
<dt>.ml-96</dt><dd>margin-left: 96px !important</dd>
<dt>.ml-128</dt><dd>margin-left: 128px !important</dd>
<dt>.ml-192</dt><dd>margin-left: 192px !important</dd>
<dt>.ml-256</dt><dd>margin-left: 256px !important</dd>
</dl><dl>
<dt>.mb-0</dt><dd>margin-bottom: 0px !important</dd>
<dt>.mb-1</dt><dd>margin-bottom: 1px !important</dd>
<dt>.mb-2</dt><dd>margin-bottom: 2px !important</dd>
<dt>.mb-4</dt><dd>margin-bottom: 4px !important</dd>
<dt>.mb-6</dt><dd>margin-bottom: 6px !important</dd>
<dt>.mb-8</dt><dd>margin-bottom: 8px !important</dd>
<dt>.mb-12</dt><dd>margin-bottom: 12px !important</dd>
<dt>.mb-16</dt><dd>margin-bottom: 16px !important</dd>
<dt>.mb-24</dt><dd>margin-bottom: 24px !important</dd>
<dt>.mb-32</dt><dd>margin-bottom: 32px !important</dd>
<dt>.mb-48</dt><dd>margin-bottom: 48px !important</dd>
<dt>.mb-64</dt><dd>margin-bottom: 64px !important</dd>
<dt>.mb-96</dt><dd>margin-bottom: 96px !important</dd>
<dt>.mb-128</dt><dd>margin-bottom: 128px !important</dd>
<dt>.mb-192</dt><dd>margin-bottom: 192px !important</dd>
<dt>.mb-256</dt><dd>margin-bottom: 256px !important</dd>
</dl><dl>
<dt>.mr-0</dt><dd>margin-right: 0px !important</dd>
<dt>.mr-1</dt><dd>margin-right: 1px !important</dd>
<dt>.mr-2</dt><dd>margin-right: 2px !important</dd>
<dt>.mr-4</dt><dd>margin-right: 4px !important</dd>
<dt>.mr-6</dt><dd>margin-right: 6px !important</dd>
<dt>.mr-8</dt><dd>margin-right: 8px !important</dd>
<dt>.mr-12</dt><dd>margin-right: 12px !important</dd>
<dt>.mr-16</dt><dd>margin-right: 16px !important</dd>
<dt>.mr-24</dt><dd>margin-right: 24px !important</dd>
<dt>.mr-32</dt><dd>margin-right: 32px !important</dd>
<dt>.mr-48</dt><dd>margin-right: 48px !important</dd>
<dt>.mr-64</dt><dd>margin-right: 64px !important</dd>
<dt>.mr-96</dt><dd>margin-right: 96px !important</dd>
<dt>.mr-128</dt><dd>margin-right: 128px !important</dd>
<dt>.mr-192</dt><dd>margin-right: 192px !important</dd>
<dt>.mr-256</dt><dd>margin-right: 256px !important</dd>
</dl><dl>
<dt>.m-0</dt><dd>margin-block: 0px !important;<br>margin-inline 0px !important</dd>
<dt>.m-1</dt><dd>margin-block: 1px !important;<br>margin-inline 1px !important</dd>
<dt>.m-2</dt><dd>margin-block: 2px !important;<br>margin-inline 2px !important</dd>
<dt>.m-4</dt><dd>margin-block: 4px !important;<br>margin-inline 4px !important</dd>
<dt>.m-6</dt><dd>margin-block: 6px !important;<br>margin-inline 6px !important</dd>
<dt>.m-8</dt><dd>margin-block: 8px !important;<br>margin-inline 8px !important</dd>
<dt>.m-12</dt><dd>margin-block: 12px !important;<br>margin-inline 12px !important</dd>
<dt>.m-16</dt><dd>margin-block: 16px !important;<br>margin-inline 16px !important</dd>
<dt>.m-24</dt><dd>margin-block: 24px !important;<br>margin-inline 24px !important</dd>
<dt>.m-32</dt><dd>margin-block: 32px !important;<br>margin-inline 32px !important</dd>
<dt>.m-48</dt><dd>margin-block: 48px !important;<br>margin-inline 48px !important</dd>
<dt>.m-64</dt><dd>margin-block: 64px !important;<br>margin-inline 64px !important</dd>
<dt>.m-96</dt><dd>margin-block: 96px !important;<br>margin-inline 96px !important</dd>
<dt>.m-128</dt><dd>margin-block: 128px !important;<br>margin-inline 128px !important</dd>
<dt>.m-192</dt><dd>margin-block: 192px !important;<br>margin-inline 192px !important</dd>
<dt>.m-256</dt><dd>margin-block: 256px !important;<br>margin-inline 256px !important</dd>
</dl><dl>
<dt>.mx-0</dt><dd>margin-inline: 0px !important</dd>
<dt>.mx-1</dt><dd>margin-inline: 1px !important</dd>
<dt>.mx-2</dt><dd>margin-inline: 2px !important</dd>
<dt>.mx-4</dt><dd>margin-inline: 4px !important</dd>
<dt>.mx-6</dt><dd>margin-inline: 6px !important</dd>
<dt>.mx-8</dt><dd>margin-inline: 8px !important</dd>
<dt>.mx-12</dt><dd>margin-inline: 12px !important</dd>
<dt>.mx-16</dt><dd>margin-inline: 16px !important</dd>
<dt>.mx-24</dt><dd>margin-inline: 24px !important</dd>
<dt>.mx-32</dt><dd>margin-inline: 32px !important</dd>
<dt>.mx-48</dt><dd>margin-inline: 48px !important</dd>
<dt>.mx-64</dt><dd>margin-inline: 64px !important</dd>
<dt>.mx-96</dt><dd>margin-inline: 96px !important</dd>
<dt>.mx-128</dt><dd>margin-inline: 128px !important</dd>
<dt>.mx-192</dt><dd>margin-inline: 192px !important</dd>
<dt>.mx-256</dt><dd>margin-inline: 256px !important</dd>
</dl><dl>
<dt>.my-0</dt><dd>margin-block: 0px !important</dd>
<dt>.my-1</dt><dd>margin-block: 1px !important</dd>
<dt>.my-2</dt><dd>margin-block: 2px !important</dd>
<dt>.my-4</dt><dd>margin-block: 4px !important</dd>
<dt>.my-6</dt><dd>margin-block: 6px !important</dd>
<dt>.my-8</dt><dd>margin-block: 8px !important</dd>
<dt>.my-12</dt><dd>margin-block: 12px !important</dd>
<dt>.my-16</dt><dd>margin-block: 16px !important</dd>
<dt>.my-24</dt><dd>margin-block: 24px !important</dd>
<dt>.my-32</dt><dd>margin-block: 32px !important</dd>
<dt>.my-48</dt><dd>margin-block: 48px !important</dd>
<dt>.my-64</dt><dd>margin-block: 64px !important</dd>
<dt>.my-96</dt><dd>margin-block: 96px !important</dd>
<dt>.my-128</dt><dd>margin-block: 128px !important</dd>
<dt>.my-192</dt><dd>margin-block: 192px !important</dd>
<dt>.my-256</dt><dd>margin-block: 256px !important</dd>
</dl><dl>
<dt>.pt-0</dt><dd>padding-top: 0px !important</dd>
<dt>.pt-1</dt><dd>padding-top: 1px !important</dd>
<dt>.pt-2</dt><dd>padding-top: 2px !important</dd>
<dt>.pt-4</dt><dd>padding-top: 4px !important</dd>
<dt>.pt-6</dt><dd>padding-top: 6px !important</dd>
<dt>.pt-8</dt><dd>padding-top: 8px !important</dd>
<dt>.pt-12</dt><dd>padding-top: 12px !important</dd>
<dt>.pt-16</dt><dd>padding-top: 16px !important</dd>
<dt>.pt-24</dt><dd>padding-top: 24px !important</dd>
<dt>.pt-32</dt><dd>padding-top: 32px !important</dd>
<dt>.pt-48</dt><dd>padding-top: 48px !important</dd>
<dt>.pt-64</dt><dd>padding-top: 64px !important</dd>
<dt>.pt-96</dt><dd>padding-top: 96px !important</dd>
<dt>.pt-128</dt><dd>padding-top: 128px !important</dd>
<dt>.pt-192</dt><dd>padding-top: 192px !important</dd>
<dt>.pt-256</dt><dd>padding-top: 256px !important</dd>
</dl><dl>
<dt>.pl-0</dt><dd>padding-left: 0px !important</dd>
<dt>.pl-1</dt><dd>padding-left: 1px !important</dd>
<dt>.pl-2</dt><dd>padding-left: 2px !important</dd>
<dt>.pl-4</dt><dd>padding-left: 4px !important</dd>
<dt>.pl-6</dt><dd>padding-left: 6px !important</dd>
<dt>.pl-8</dt><dd>padding-left: 8px !important</dd>
<dt>.pl-12</dt><dd>padding-left: 12px !important</dd>
<dt>.pl-16</dt><dd>padding-left: 16px !important</dd>
<dt>.pl-24</dt><dd>padding-left: 24px !important</dd>
<dt>.pl-32</dt><dd>padding-left: 32px !important</dd>
<dt>.pl-48</dt><dd>padding-left: 48px !important</dd>
<dt>.pl-64</dt><dd>padding-left: 64px !important</dd>
<dt>.pl-96</dt><dd>padding-left: 96px !important</dd>
<dt>.pl-128</dt><dd>padding-left: 128px !important</dd>
<dt>.pl-192</dt><dd>padding-left: 192px !important</dd>
<dt>.pl-256</dt><dd>padding-left: 256px !important</dd>
</dl><dl>
<dt>.pb-0</dt><dd>padding-bottom: 0px !important</dd>
<dt>.pb-1</dt><dd>padding-bottom: 1px !important</dd>
<dt>.pb-2</dt><dd>padding-bottom: 2px !important</dd>
<dt>.pb-4</dt><dd>padding-bottom: 4px !important</dd>
<dt>.pb-6</dt><dd>padding-bottom: 6px !important</dd>
<dt>.pb-8</dt><dd>padding-bottom: 8px !important</dd>
<dt>.pb-12</dt><dd>padding-bottom: 12px !important</dd>
<dt>.pb-16</dt><dd>padding-bottom: 16px !important</dd>
<dt>.pb-24</dt><dd>padding-bottom: 24px !important</dd>
<dt>.pb-32</dt><dd>padding-bottom: 32px !important</dd>
<dt>.pb-48</dt><dd>padding-bottom: 48px !important</dd>
<dt>.pb-64</dt><dd>padding-bottom: 64px !important</dd>
<dt>.pb-96</dt><dd>padding-bottom: 96px !important</dd>
<dt>.pb-128</dt><dd>padding-bottom: 128px !important</dd>
<dt>.pb-192</dt><dd>padding-bottom: 192px !important</dd>
<dt>.pb-256</dt><dd>padding-bottom: 256px !important</dd>
</dl><dl>
<dt>.pr-0</dt><dd>padding-right: 0px !important</dd>
<dt>.pr-1</dt><dd>padding-right: 1px !important</dd>
<dt>.pr-2</dt><dd>padding-right: 2px !important</dd>
<dt>.pr-4</dt><dd>padding-right: 4px !important</dd>
<dt>.pr-6</dt><dd>padding-right: 6px !important</dd>
<dt>.pr-8</dt><dd>padding-right: 8px !important</dd>
<dt>.pr-12</dt><dd>padding-right: 12px !important</dd>
<dt>.pr-16</dt><dd>padding-right: 16px !important</dd>
<dt>.pr-24</dt><dd>padding-right: 24px !important</dd>
<dt>.pr-32</dt><dd>padding-right: 32px !important</dd>
<dt>.pr-48</dt><dd>padding-right: 48px !important</dd>
<dt>.pr-64</dt><dd>padding-right: 64px !important</dd>
<dt>.pr-96</dt><dd>padding-right: 96px !important</dd>
<dt>.pr-128</dt><dd>padding-right: 128px !important</dd>
<dt>.pr-192</dt><dd>padding-right: 192px !important</dd>
<dt>.pr-256</dt><dd>padding-right: 256px !important</dd>
</dl><dl>
<dt>.p-0</dt><dd>padding-block: 0px !important;<br>padding-inline 0px !important</dd>
<dt>.p-1</dt><dd>padding-block: 1px !important;<br>padding-inline 1px !important</dd>
<dt>.p-2</dt><dd>padding-block: 2px !important;<br>padding-inline 2px !important</dd>
<dt>.p-4</dt><dd>padding-block: 4px !important;<br>padding-inline 4px !important</dd>
<dt>.p-6</dt><dd>padding-block: 6px !important;<br>padding-inline 6px !important</dd>
<dt>.p-8</dt><dd>padding-block: 8px !important;<br>padding-inline 8px !important</dd>
<dt>.p-12</dt><dd>padding-block: 12px !important;<br>padding-inline 12px !important</dd>
<dt>.p-16</dt><dd>padding-block: 16px !important;<br>padding-inline 16px !important</dd>
<dt>.p-24</dt><dd>padding-block: 24px !important;<br>padding-inline 24px !important</dd>
<dt>.p-32</dt><dd>padding-block: 32px !important;<br>padding-inline 32px !important</dd>
<dt>.p-48</dt><dd>padding-block: 48px !important;<br>padding-inline 48px !important</dd>
<dt>.p-64</dt><dd>padding-block: 64px !important;<br>padding-inline 64px !important</dd>
<dt>.p-96</dt><dd>padding-block: 96px !important;<br>padding-inline 96px !important</dd>
<dt>.p-128</dt><dd>padding-block: 128px !important;<br>padding-inline 128px !important</dd>
<dt>.p-192</dt><dd>padding-block: 192px !important;<br>padding-inline 192px !important</dd>
<dt>.p-256</dt><dd>padding-block: 256px !important;<br>padding-inline 256px !important</dd>
</dl><dl>
<dt>.px-0</dt><dd>padding-inline: 0px !important</dd>
<dt>.px-1</dt><dd>padding-inline: 1px !important</dd>
<dt>.px-2</dt><dd>padding-inline: 2px !important</dd>
<dt>.px-4</dt><dd>padding-inline: 4px !important</dd>
<dt>.px-6</dt><dd>padding-inline: 6px !important</dd>
<dt>.px-8</dt><dd>padding-inline: 8px !important</dd>
<dt>.px-12</dt><dd>padding-inline: 12px !important</dd>
<dt>.px-16</dt><dd>padding-inline: 16px !important</dd>
<dt>.px-24</dt><dd>padding-inline: 24px !important</dd>
<dt>.px-32</dt><dd>padding-inline: 32px !important</dd>
<dt>.px-48</dt><dd>padding-inline: 48px !important</dd>
<dt>.px-64</dt><dd>padding-inline: 64px !important</dd>
<dt>.px-96</dt><dd>padding-inline: 96px !important</dd>
<dt>.px-128</dt><dd>padding-inline: 128px !important</dd>
<dt>.px-192</dt><dd>padding-inline: 192px !important</dd>
<dt>.px-256</dt><dd>padding-inline: 256px !important</dd>
</dl><dl>
<dt>.py-0</dt><dd>padding-block: 0px !important</dd>
<dt>.py-1</dt><dd>padding-block: 1px !important</dd>
<dt>.py-2</dt><dd>padding-block: 2px !important</dd>
<dt>.py-4</dt><dd>padding-block: 4px !important</dd>
<dt>.py-6</dt><dd>padding-block: 6px !important</dd>
<dt>.py-8</dt><dd>padding-block: 8px !important</dd>
<dt>.py-12</dt><dd>padding-block: 12px !important</dd>
<dt>.py-16</dt><dd>padding-block: 16px !important</dd>
<dt>.py-24</dt><dd>padding-block: 24px !important</dd>
<dt>.py-32</dt><dd>padding-block: 32px !important</dd>
<dt>.py-48</dt><dd>padding-block: 48px !important</dd>
<dt>.py-64</dt><dd>padding-block: 64px !important</dd>
<dt>.py-96</dt><dd>padding-block: 96px !important</dd>
<dt>.py-128</dt><dd>padding-block: 128px !important</dd>
<dt>.py-192</dt><dd>padding-block: 192px !important</dd>
<dt>.py-256</dt><dd>padding-block: 256px !important</dd>
</dl><dl></dl>