Skip to content

Commit 350b931

Browse files
committed
Formatting
1 parent 6355912 commit 350b931

File tree

1 file changed

+18
-154
lines changed

1 file changed

+18
-154
lines changed

index.html

+18-154
Original file line numberDiff line numberDiff line change
@@ -72,61 +72,29 @@ <h2 class="text-2xl font-bold">Simple</h2>
7272
<span class="text-gray-700">Full name</span>
7373
<input
7474
type="text"
75-
class="
76-
mt-1
77-
block
78-
w-full
79-
rounded-md
80-
border-gray-300
81-
shadow-sm
82-
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
83-
"
75+
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
8476
placeholder=""
8577
/>
8678
</label>
8779
<label class="block">
8880
<span class="text-gray-700">Email address</span>
8981
<input
9082
type="email"
91-
class="
92-
mt-1
93-
block
94-
w-full
95-
rounded-md
96-
border-gray-300
97-
shadow-sm
98-
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
99-
"
83+
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
10084
placeholder="[email protected]"
10185
/>
10286
</label>
10387
<label class="block">
10488
<span class="text-gray-700">When is your event?</span>
10589
<input
10690
type="date"
107-
class="
108-
mt-1
109-
block
110-
w-full
111-
rounded-md
112-
border-gray-300
113-
shadow-sm
114-
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
115-
"
91+
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
11692
/>
11793
</label>
11894
<label class="block">
11995
<span class="text-gray-700">What type of event is it?</span>
12096
<select
121-
class="
122-
block
123-
w-full
124-
mt-1
125-
rounded-md
126-
border-gray-300
127-
shadow-sm
128-
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
129-
"
97+
class="block w-full mt-1 rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
13098
>
13199
<option>Corporate event</option>
132100
<option>Wedding</option>
@@ -137,15 +105,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
137105
<label class="block">
138106
<span class="text-gray-700">Additional details</span>
139107
<textarea
140-
class="
141-
mt-1
142-
block
143-
w-full
144-
rounded-md
145-
border-gray-300
146-
shadow-sm
147-
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
148-
"
108+
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
149109
rows="3"
150110
></textarea>
151111
</label>
@@ -155,17 +115,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
155115
<label class="inline-flex items-center">
156116
<input
157117
type="checkbox"
158-
class="
159-
rounded
160-
border-gray-300
161-
text-indigo-600
162-
shadow-sm
163-
focus:border-indigo-300
164-
focus:ring
165-
focus:ring-offset-0
166-
focus:ring-indigo-200
167-
focus:ring-opacity-50
168-
"
118+
class="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50"
169119
checked
170120
/>
171121
<span class="ml-2">Email me news and special offers</span>
@@ -184,57 +134,29 @@ <h2 class="text-2xl font-bold">Underline</h2>
184134
<span class="text-gray-700">Full name</span>
185135
<input
186136
type="text"
187-
class="
188-
mt-0
189-
block
190-
w-full
191-
px-0.5
192-
border-0 border-b-2 border-gray-200
193-
focus:ring-0 focus:border-black
194-
"
137+
class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
195138
placeholder=""
196139
/>
197140
</label>
198141
<label class="block">
199142
<span class="text-gray-700">Email address</span>
200143
<input
201144
type="email"
202-
class="
203-
mt-0
204-
block
205-
w-full
206-
px-0.5
207-
border-0 border-b-2 border-gray-200
208-
focus:ring-0 focus:border-black
209-
"
145+
class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
210146
placeholder="[email protected]"
211147
/>
212148
</label>
213149
<label class="block">
214150
<span class="text-gray-700">When is your event?</span>
215151
<input
216152
type="date"
217-
class="
218-
mt-0
219-
block
220-
w-full
221-
px-0.5
222-
border-0 border-b-2 border-gray-200
223-
focus:ring-0 focus:border-black
224-
"
153+
class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
225154
/>
226155
</label>
227156
<label class="block">
228157
<span class="text-gray-700">What type of event is it?</span>
229158
<select
230-
class="
231-
block
232-
w-full
233-
mt-0
234-
px-0.5
235-
border-0 border-b-2 border-gray-200
236-
focus:ring-0 focus:border-black
237-
"
159+
class="block w-full mt-0 px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
238160
>
239161
<option>Corporate event</option>
240162
<option>Wedding</option>
@@ -245,14 +167,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
245167
<label class="block">
246168
<span class="text-gray-700">Additional details</span>
247169
<textarea
248-
class="
249-
mt-0
250-
block
251-
w-full
252-
px-0.5
253-
border-0 border-b-2 border-gray-200
254-
focus:ring-0 focus:border-black
255-
"
170+
class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
256171
rows="2"
257172
></textarea>
258173
</label>
@@ -262,11 +177,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
262177
<label class="inline-flex items-center">
263178
<input
264179
type="checkbox"
265-
class="
266-
border-gray-300 border-2
267-
text-black
268-
focus:border-gray-300 focus:ring-black
269-
"
180+
class="border-gray-300 border-2 text-black focus:border-gray-300 focus:ring-black"
270181
/>
271182
<span class="ml-2">Email me news and special offers</span>
272183
</label>
@@ -284,61 +195,29 @@ <h2 class="text-2xl font-bold">Solid</h2>
284195
<span class="text-gray-700">Full name</span>
285196
<input
286197
type="text"
287-
class="
288-
mt-1
289-
block
290-
w-full
291-
rounded-md
292-
bg-gray-100
293-
border-transparent
294-
focus:border-gray-500 focus:bg-white focus:ring-0
295-
"
198+
class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
296199
placeholder=""
297200
/>
298201
</label>
299202
<label class="block">
300203
<span class="text-gray-700">Email address</span>
301204
<input
302205
type="email"
303-
class="
304-
mt-1
305-
block
306-
w-full
307-
rounded-md
308-
bg-gray-100
309-
border-transparent
310-
focus:border-gray-500 focus:bg-white focus:ring-0
311-
"
206+
class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
312207
placeholder="[email protected]"
313208
/>
314209
</label>
315210
<label class="block">
316211
<span class="text-gray-700">When is your event?</span>
317212
<input
318213
type="date"
319-
class="
320-
mt-1
321-
block
322-
w-full
323-
rounded-md
324-
bg-gray-100
325-
border-transparent
326-
focus:border-gray-500 focus:bg-white focus:ring-0
327-
"
214+
class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
328215
/>
329216
</label>
330217
<label class="block">
331218
<span class="text-gray-700">What type of event is it?</span>
332219
<select
333-
class="
334-
block
335-
w-full
336-
mt-1
337-
rounded-md
338-
bg-gray-100
339-
border-transparent
340-
focus:border-gray-500 focus:bg-white focus:ring-0
341-
"
220+
class="block w-full mt-1 rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
342221
>
343222
<option>Corporate event</option>
344223
<option>Wedding</option>
@@ -349,15 +228,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
349228
<label class="block">
350229
<span class="text-gray-700">Additional details</span>
351230
<textarea
352-
class="
353-
mt-1
354-
block
355-
w-full
356-
rounded-md
357-
bg-gray-100
358-
border-transparent
359-
focus:border-gray-500 focus:bg-white focus:ring-0
360-
"
231+
class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
361232
rows="3"
362233
></textarea>
363234
</label>
@@ -367,14 +238,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
367238
<label class="inline-flex items-center">
368239
<input
369240
type="checkbox"
370-
class="
371-
rounded
372-
bg-gray-200
373-
border-transparent
374-
focus:border-transparent focus:bg-gray-200
375-
text-gray-700
376-
focus:ring-1 focus:ring-offset-2 focus:ring-gray-500
377-
"
241+
class="rounded bg-gray-200 border-transparent focus:border-transparent focus:bg-gray-200 text-gray-700 focus:ring-1 focus:ring-offset-2 focus:ring-gray-500"
378242
/>
379243
<span class="ml-2">Email me news and special offers</span>
380244
</label>

0 commit comments

Comments
 (0)