@@ -72,61 +72,29 @@ <h2 class="text-2xl font-bold">Simple</h2>
72
72
< span class ="text-gray-700 "> Full name</ span >
73
73
< input
74
74
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 "
84
76
placeholder =""
85
77
/>
86
78
</ label >
87
79
< label class ="block ">
88
80
< span class ="text-gray-700 "> Email address</ span >
89
81
< input
90
82
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 "
100
84
101
85
/>
102
86
</ label >
103
87
< label class ="block ">
104
88
< span class ="text-gray-700 "> When is your event?</ span >
105
89
< input
106
90
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 "
116
92
/>
117
93
</ label >
118
94
< label class ="block ">
119
95
< span class ="text-gray-700 "> What type of event is it?</ span >
120
96
< 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 "
130
98
>
131
99
< option > Corporate event</ option >
132
100
< option > Wedding</ option >
@@ -137,15 +105,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
137
105
< label class ="block ">
138
106
< span class ="text-gray-700 "> Additional details</ span >
139
107
< 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 "
149
109
rows ="3 "
150
110
> </ textarea >
151
111
</ label >
@@ -155,17 +115,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
155
115
< label class ="inline-flex items-center ">
156
116
< input
157
117
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 "
169
119
checked
170
120
/>
171
121
< span class ="ml-2 "> Email me news and special offers</ span >
@@ -184,57 +134,29 @@ <h2 class="text-2xl font-bold">Underline</h2>
184
134
< span class ="text-gray-700 "> Full name</ span >
185
135
< input
186
136
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 "
195
138
placeholder =""
196
139
/>
197
140
</ label >
198
141
< label class ="block ">
199
142
< span class ="text-gray-700 "> Email address</ span >
200
143
< input
201
144
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 "
210
146
211
147
/>
212
148
</ label >
213
149
< label class ="block ">
214
150
< span class ="text-gray-700 "> When is your event?</ span >
215
151
< input
216
152
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 "
225
154
/>
226
155
</ label >
227
156
< label class ="block ">
228
157
< span class ="text-gray-700 "> What type of event is it?</ span >
229
158
< 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 "
238
160
>
239
161
< option > Corporate event</ option >
240
162
< option > Wedding</ option >
@@ -245,14 +167,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
245
167
< label class ="block ">
246
168
< span class ="text-gray-700 "> Additional details</ span >
247
169
< 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 "
256
171
rows ="2 "
257
172
> </ textarea >
258
173
</ label >
@@ -262,11 +177,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
262
177
< label class ="inline-flex items-center ">
263
178
< input
264
179
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 "
270
181
/>
271
182
< span class ="ml-2 "> Email me news and special offers</ span >
272
183
</ label >
@@ -284,61 +195,29 @@ <h2 class="text-2xl font-bold">Solid</h2>
284
195
< span class ="text-gray-700 "> Full name</ span >
285
196
< input
286
197
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 "
296
199
placeholder =""
297
200
/>
298
201
</ label >
299
202
< label class ="block ">
300
203
< span class ="text-gray-700 "> Email address</ span >
301
204
< input
302
205
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 "
312
207
313
208
/>
314
209
</ label >
315
210
< label class ="block ">
316
211
< span class ="text-gray-700 "> When is your event?</ span >
317
212
< input
318
213
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 "
328
215
/>
329
216
</ label >
330
217
< label class ="block ">
331
218
< span class ="text-gray-700 "> What type of event is it?</ span >
332
219
< 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 "
342
221
>
343
222
< option > Corporate event</ option >
344
223
< option > Wedding</ option >
@@ -349,15 +228,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
349
228
< label class ="block ">
350
229
< span class ="text-gray-700 "> Additional details</ span >
351
230
< 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 "
361
232
rows ="3 "
362
233
> </ textarea >
363
234
</ label >
@@ -367,14 +238,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
367
238
< label class ="inline-flex items-center ">
368
239
< input
369
240
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 "
378
242
/>
379
243
< span class ="ml-2 "> Email me news and special offers</ span >
380
244
</ label >
0 commit comments