@@ -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 ="john@example.com "
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 ="john@example.com "
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 ="john@example.com "
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