|
7 | 7 | <link rel="stylesheet" href="fonts/fonts.css" /> |
8 | 8 | <link rel="stylesheet" href="cozy-bs.css" /> |
9 | 9 | <link rel="stylesheet" href="icons/icons.css" /> |
10 | | - <link rel="stylesheet" href="themes/dark.css" /> |
11 | 10 | <script src="themes/loader.js"></script> |
12 | 11 | <script src="scripts/dropdown.js"></script> |
13 | 12 | </head> |
@@ -298,146 +297,6 @@ <h2>Material inputs</h2> |
298 | 297 | </div> |
299 | 298 | </div> |
300 | 299 | </section> |
301 | | - <section class="wrapper m-0 w-25 border border-start-0 theme-dark"> |
302 | | - <h1 class="invisible my-4">Forms</h1> |
303 | | - <div class="my-3"> |
304 | | - <h2>Checks</h2> |
305 | | - <div class="form-check"> |
306 | | - <input class="form-check-input" type="checkbox" value="" id="darkCheckDefault" /> |
307 | | - <label class="form-check-label" for="darkCheckDefault"> Default checkbox </label> |
308 | | - </div> |
309 | | - <div class="form-check"> |
310 | | - <input |
311 | | - class="form-check-input" |
312 | | - type="checkbox" |
313 | | - value="" |
314 | | - id="darkCheckChecked" |
315 | | - checked |
316 | | - /> |
317 | | - <label class="form-check-label" for="darkCheckChecked"> Checked checkbox </label> |
318 | | - </div> |
319 | | - <div class="form-check"> |
320 | | - <input |
321 | | - class="form-check-input" |
322 | | - type="checkbox" |
323 | | - value="" |
324 | | - id="darkCheckDisabled" |
325 | | - disabled |
326 | | - /> |
327 | | - <label class="form-check-label" for="darkCheckDisabled"> Disabled checkbox </label> |
328 | | - </div> |
329 | | - </div> |
330 | | - <div class="my-3"> |
331 | | - <h2>Material inputs</h2> |
332 | | - <div class="form-floating mb-3"> |
333 | | - <input |
334 | | - type="email" |
335 | | - class="form-control" |
336 | | - id="darkFloatingInput" |
337 | | - placeholder="name@example.com" |
338 | | - autocomplete="off" |
339 | | - /> |
340 | | - <label for="darkFloatingInput">Email address</label> |
341 | | - </div> |
342 | | - <div class="form-floating mb-3"> |
343 | | - <input |
344 | | - type="password" |
345 | | - class="form-control" |
346 | | - id="darkFloatingPassword" |
347 | | - placeholder="Password" |
348 | | - autocomplete="off" |
349 | | - /> |
350 | | - <label for="darkFloatingPassword">Password</label> |
351 | | - </div> |
352 | | - <div class="form-floating mb-3"> |
353 | | - <input |
354 | | - type="text" |
355 | | - class="form-control form-control-md-lg" |
356 | | - id="darkFloatingLarge" |
357 | | - placeholder="large" |
358 | | - autocomplete="off" |
359 | | - /> |
360 | | - <label for="darkFloatingLarge">Large</label> |
361 | | - </div> |
362 | | - <form class="form-floating mb-3"> |
363 | | - <input |
364 | | - type="email" |
365 | | - class="form-control is-invalid" |
366 | | - id="darkFloatingInputInvalid" |
367 | | - placeholder="name@example.com" |
368 | | - value="$invalid" |
369 | | - required |
370 | | - autocomplete="off" |
371 | | - /> |
372 | | - <label for="darkFloatingInputInvalid">Invalid input</label> |
373 | | - <div class="invalid-tooltip mb-1"> |
374 | | - <div class="tooltip-arrow"></div> |
375 | | - <span class="icon icon-alert bg-danger"></span> |
376 | | - This input is not valid |
377 | | - </div> |
378 | | - <ul class="fst-italic small"> |
379 | | - <li class="text-danger">Only letters and digits</li> |
380 | | - <li class="text-danger">Start with a letter</li> |
381 | | - <li class="text-muted">Do not enter your email address</li> |
382 | | - </ul> |
383 | | - </form> |
384 | | - <form class="input-group form-floating has-validation mb-3"> |
385 | | - <input |
386 | | - type="text" |
387 | | - class="form-control is-invalid" |
388 | | - id="darkFloatingInputGroup" |
389 | | - placeholder="username" |
390 | | - required |
391 | | - autocomplete="off" |
392 | | - /> |
393 | | - <label for="darkFloatingInputGroup">Input group</label> |
394 | | - <span class="input-group-text">@example.com</span> |
395 | | - <div class="invalid-tooltip mb-1"> |
396 | | - <div class="tooltip-arrow"></div> |
397 | | - <span class="icon icon-alert bg-danger"></span> |
398 | | - This input is not valid |
399 | | - </div> |
400 | | - </form> |
401 | | - <div class="input-group form-floating mb-3"> |
402 | | - <input |
403 | | - type="text" |
404 | | - class="form-control" |
405 | | - id="darkFloatingInputSelect" |
406 | | - placeholder="something" |
407 | | - autocomplete="off" |
408 | | - /> |
409 | | - <label for="darkFloatingInputSelect">Input with a select</label> |
410 | | - <select |
411 | | - class="form-select form-select-end w-min-content flex-grow-0" |
412 | | - id="darkInputGroupSelect" |
413 | | - aria-label="Options" |
414 | | - > |
415 | | - <option value="foo" selected>Foo</option> |
416 | | - <option value="bar">Bar</option> |
417 | | - <option value="baz">Baz</option> |
418 | | - </select> |
419 | | - <span class="select-arrow"></span> |
420 | | - </div> |
421 | | - <div class="input-group form-floating mb-3"> |
422 | | - <input |
423 | | - type="text" |
424 | | - class="form-control" |
425 | | - id="darkFloatingInputDropdown" |
426 | | - placeholder="something" |
427 | | - autocomplete="off" |
428 | | - /> |
429 | | - <label for="darkFloatingInputDropdown">Input with a dropdown</label> |
430 | | - <button class="btn btn-outline-info dropdown-toggle" type="button">Dropdown</button> |
431 | | - <ul class="dropdown-menu dropdown-menu-end end-0"> |
432 | | - <li><a class="dropdown-item" href="#">Action</a></li> |
433 | | - <li><a class="dropdown-item" href="#">Another action</a></li> |
434 | | - <li><a class="dropdown-item" href="#">Something else here</a></li> |
435 | | - <li><hr class="dropdown-divider" /></li> |
436 | | - <li><a class="dropdown-item" href="#">Separated link</a></li> |
437 | | - </ul> |
438 | | - </div> |
439 | | - </div> |
440 | | - </section> |
441 | 300 | </main> |
442 | 301 | </body> |
443 | 302 | </html> |
0 commit comments