Skip to content

Commit 425707b

Browse files
author
Pascal Alferink
committed
fix unclosed elements, .input-indicator in a span
1 parent 6533a7a commit 425707b

File tree

2 files changed

+56
-54
lines changed

2 files changed

+56
-54
lines changed

‎dist/forms.html

Lines changed: 28 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -134,8 +134,8 @@ <h3>Input with button</h3>
134134
<li class="b0_12 ">
135135
<div class="form-field">
136136
<label for="search">Search</label>
137-
<div class="combined-item">
138-
<input type="search" name="search" class="form-input" id="search">
137+
<div class="input-combined">
138+
<input type="search" name="search" class="form-input" id="search"/>
139139
<button type="submit" class="btn btn-submit">Submit</button>
140140
</div>
141141
</div>
@@ -200,19 +200,19 @@ <h3>Standard checkbox</h3>
200200
<li class="b0_12">
201201
<label class="input-control input-checkbox">Orange
202202
<input type="checkbox" />
203-
<div class="input-indicator"></div>
203+
<span class="input-indicator"></span>
204204
</label>
205205
<label class="input-control input-checkbox">Banana
206206
<input type="checkbox" />
207-
<div class="input-indicator"></div>
207+
<span class="input-indicator"></span>
208208
</label>
209209
<label class="input-control input-checkbox">Apple
210210
<input type="checkbox" />
211-
<div class="input-indicator"></div>
211+
<span class="input-indicator"></span>
212212
</label>
213213
<label class="input-control input-checkbox">Pear
214214
<input type="checkbox" />
215-
<div class="input-indicator"></div>
215+
<span class="input-indicator"></span>
216216
</label>
217217
</li>
218218
</ul>
@@ -223,19 +223,19 @@ <h3>Standard checkbox</h3>
223223
<li class="b0_12">
224224
<label class="input-control input-checkbox">Orange
225225
<input type="checkbox" />
226-
<div class="input-indicator"></div>
226+
<span class="input-indicator"></span>
227227
</label>
228228
<label class="input-control input-checkbox">Banana
229229
<input type="checkbox" />
230-
<div class="input-indicator"></div>
230+
<span class="input-indicator"></span>
231231
</label>
232232
<label class="input-control input-checkbox">Apple
233233
<input type="checkbox" />
234-
<div class="input-indicator"></div>
234+
<span class="input-indicator"></span>
235235
</label>
236236
<label class="input-control input-checkbox">Pear
237237
<input type="checkbox" />
238-
<div class="input-indicator"></div>
238+
<span class="input-indicator"></span>
239239
</label>
240240
</li>
241241
</ul>
@@ -253,35 +253,36 @@ <h5>Vertical radios</h5>
253253
<label for="gender"><b>Gender</b></label>
254254
<label class="input-control input-radio">First radio
255255
<input type="radio" name="radio"/>
256-
<div class="input-indicator"></div>
256+
<span class="input-indicator"></span>
257257
</label>
258258
<label class="input-control input-radio">Second radio
259259
<input type="radio" name="radio"/>
260-
<div class="input-indicator"></div>
260+
<span class="input-indicator"></span>
261261
</label>
262262
</li>
263263
</ul>
264264
</div>
265265
<div class="b0_12 b3_12">
266266
<h5>Horizontal radios</h5>
267267
<p>Sed ligula eros, sollicitudin nec luctus ac, consectetur quis massa. Praesent nec dictum leo.</p>
268-
<code>.form-inline</code>
268+
<code>.form-horizontal</code>
269269
<ul class="g fields">
270270
<li class="b0_12">
271-
<div class="form-field form-inline">
271+
<div class="form-field form-horizontal">
272272
<label for="gender" class="label"><b>Gender</b></label>
273273
<label class="input-control input-radio">Male
274274
<input type="radio" name="radio2" checked="checked"/>
275-
<div class="input-indicator"></div>
275+
<span class="input-indicator"></span>
276276
</label>
277277
<label class="input-control input-radio">Female
278278
<input type="radio" name="radio2"/>
279-
<div class="input-indicator"></div>
279+
<span class="input-indicator"></span>
280280
</label>
281281
</div>
282282
</li>
283283
</ul>
284284
</div>
285+
</div>
285286
</section>
286287
<section class="select">
287288
<h2>Select</h2>
@@ -304,53 +305,53 @@ <h5>Input with add-on and button</h5>
304305
<li class="b0_12 ">
305306
<div class="form-field input-icon">
306307
<label for="search">Product sku</label>
307-
<div class="combined-item fa fa-star">
308-
<input type="search" name="search" class="form-input" id="search">
308+
<div class="input-combined fa fa-star">
309+
<input type="search" name="search" class="form-input" id="search"/>
309310
<button type="submit" class="btn btn-submit">Search</button>
310311
</div>
311312
</div>
312313
</li>
313314
</ul>
314315

315316
<h5>Horizontal checkboxes</h5>
316-
<ul class="g fields form-inline">
317+
<ul class="g fields form-horizontal">
317318
<li class="b0_12">
318319
<label class="input-control input-checkbox">Orange
319320
<input type="checkbox">
320-
<div class="input-indicator"></div>
321+
<span class="input-indicator"></span>
321322
</label>
322323
<label class="input-control input-checkbox">Banana
323324
<input type="checkbox">
324-
<div class="input-indicator"></div>
325+
<span class="input-indicator"></span>
325326
</label>
326327
<label class="input-control input-checkbox">Apple
327328
<input type="checkbox">
328-
<div class="input-indicator"></div>
329+
<span class="input-indicator"></span>
329330
</label>
330331
<label class="input-control input-checkbox">Pear
331332
<input type="checkbox">
332-
<div class="input-indicator"></div>
333+
<span class="input-indicator"></span>
333334
</label>
334335
</li>
335336
</ul>
336337

337338
<h5>Horizontal radios</h5>
338339
<ul class="g fields">
339340
<li class="b0_12">
340-
<div class="form-field form-inline">
341+
<div class="form-field form-horizontal">
341342
<label class="input-control input-radio">Male
342343
<input type="radio" name="radio2" checked="checked"/>
343-
<div class="input-indicator"></div>
344+
<span class="input-indicator"></span>
344345
</label>
345346
<label class="input-control input-radio">Female
346347
<input type="radio" name="radio2"/>
347-
<div class="input-indicator"></div>
348+
<span class="input-indicator"></span>
348349
</label>
349350
</div>
350351
</li>
351352
</ul>
352353
</section>
353-
</div>
354+
</section>
354355
</div>
355356
</div>
356357
<!-- End main -->

‎views/forms.html

Lines changed: 28 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@ <h3>Input with button</h3>
3131
<li class="b0_12 ">
3232
<div class="form-field">
3333
<label for="search">Search</label>
34-
<div class="combined-item">
35-
<input type="search" name="search" class="form-input" id="search">
34+
<div class="input-combined">
35+
<input type="search" name="search" class="form-input" id="search"/>
3636
<button type="submit" class="btn btn-submit">Submit</button>
3737
</div>
3838
</div>
@@ -97,19 +97,19 @@ <h3>Standard checkbox</h3>
9797
<li class="b0_12">
9898
<label class="input-control input-checkbox">Orange
9999
<input type="checkbox" />
100-
<div class="input-indicator"></div>
100+
<span class="input-indicator"></span>
101101
</label>
102102
<label class="input-control input-checkbox">Banana
103103
<input type="checkbox" />
104-
<div class="input-indicator"></div>
104+
<span class="input-indicator"></span>
105105
</label>
106106
<label class="input-control input-checkbox">Apple
107107
<input type="checkbox" />
108-
<div class="input-indicator"></div>
108+
<span class="input-indicator"></span>
109109
</label>
110110
<label class="input-control input-checkbox">Pear
111111
<input type="checkbox" />
112-
<div class="input-indicator"></div>
112+
<span class="input-indicator"></span>
113113
</label>
114114
</li>
115115
</ul>
@@ -120,19 +120,19 @@ <h3>Standard checkbox</h3>
120120
<li class="b0_12">
121121
<label class="input-control input-checkbox">Orange
122122
<input type="checkbox" />
123-
<div class="input-indicator"></div>
123+
<span class="input-indicator"></span>
124124
</label>
125125
<label class="input-control input-checkbox">Banana
126126
<input type="checkbox" />
127-
<div class="input-indicator"></div>
127+
<span class="input-indicator"></span>
128128
</label>
129129
<label class="input-control input-checkbox">Apple
130130
<input type="checkbox" />
131-
<div class="input-indicator"></div>
131+
<span class="input-indicator"></span>
132132
</label>
133133
<label class="input-control input-checkbox">Pear
134134
<input type="checkbox" />
135-
<div class="input-indicator"></div>
135+
<span class="input-indicator"></span>
136136
</label>
137137
</li>
138138
</ul>
@@ -150,35 +150,36 @@ <h5>Vertical radios</h5>
150150
<label for="gender"><b>Gender</b></label>
151151
<label class="input-control input-radio">First radio
152152
<input type="radio" name="radio"/>
153-
<div class="input-indicator"></div>
153+
<span class="input-indicator"></span>
154154
</label>
155155
<label class="input-control input-radio">Second radio
156156
<input type="radio" name="radio"/>
157-
<div class="input-indicator"></div>
157+
<span class="input-indicator"></span>
158158
</label>
159159
</li>
160160
</ul>
161161
</div>
162162
<div class="b0_12 b3_12">
163163
<h5>Horizontal radios</h5>
164164
<p>Sed ligula eros, sollicitudin nec luctus ac, consectetur quis massa. Praesent nec dictum leo.</p>
165-
<code>.form-inline</code>
165+
<code>.form-horizontal</code>
166166
<ul class="g fields">
167167
<li class="b0_12">
168-
<div class="form-field form-inline">
168+
<div class="form-field form-horizontal">
169169
<label for="gender" class="label"><b>Gender</b></label>
170170
<label class="input-control input-radio">Male
171171
<input type="radio" name="radio2" checked="checked"/>
172-
<div class="input-indicator"></div>
172+
<span class="input-indicator"></span>
173173
</label>
174174
<label class="input-control input-radio">Female
175175
<input type="radio" name="radio2"/>
176-
<div class="input-indicator"></div>
176+
<span class="input-indicator"></span>
177177
</label>
178178
</div>
179179
</li>
180180
</ul>
181181
</div>
182+
</div>
182183
</section>
183184
<section class="select">
184185
<h2>Select</h2>
@@ -201,53 +202,53 @@ <h5>Input with add-on and button</h5>
201202
<li class="b0_12 ">
202203
<div class="form-field input-icon">
203204
<label for="search">Product sku</label>
204-
<div class="combined-item fa fa-star">
205-
<input type="search" name="search" class="form-input" id="search">
205+
<div class="input-combined fa fa-star">
206+
<input type="search" name="search" class="form-input" id="search"/>
206207
<button type="submit" class="btn btn-submit">Search</button>
207208
</div>
208209
</div>
209210
</li>
210211
</ul>
211212

212213
<h5>Horizontal checkboxes</h5>
213-
<ul class="g fields form-inline">
214+
<ul class="g fields form-horizontal">
214215
<li class="b0_12">
215216
<label class="input-control input-checkbox">Orange
216217
<input type="checkbox">
217-
<div class="input-indicator"></div>
218+
<span class="input-indicator"></span>
218219
</label>
219220
<label class="input-control input-checkbox">Banana
220221
<input type="checkbox">
221-
<div class="input-indicator"></div>
222+
<span class="input-indicator"></span>
222223
</label>
223224
<label class="input-control input-checkbox">Apple
224225
<input type="checkbox">
225-
<div class="input-indicator"></div>
226+
<span class="input-indicator"></span>
226227
</label>
227228
<label class="input-control input-checkbox">Pear
228229
<input type="checkbox">
229-
<div class="input-indicator"></div>
230+
<span class="input-indicator"></span>
230231
</label>
231232
</li>
232233
</ul>
233234

234235
<h5>Horizontal radios</h5>
235236
<ul class="g fields">
236237
<li class="b0_12">
237-
<div class="form-field form-inline">
238+
<div class="form-field form-horizontal">
238239
<label class="input-control input-radio">Male
239240
<input type="radio" name="radio2" checked="checked"/>
240-
<div class="input-indicator"></div>
241+
<span class="input-indicator"></span>
241242
</label>
242243
<label class="input-control input-radio">Female
243244
<input type="radio" name="radio2"/>
244-
<div class="input-indicator"></div>
245+
<span class="input-indicator"></span>
245246
</label>
246247
</div>
247248
</li>
248249
</ul>
249250
</section>
250-
</div>
251+
</section>
251252
</div>
252253
</div>
253254
<!-- End main -->

0 commit comments

Comments
 (0)