Skip to content

Commit 0a4fd5b

Browse files
b19
1 parent e6f5999 commit 0a4fd5b

1 file changed

Lines changed: 78 additions & 6 deletions

File tree

elements/form/index.html

Lines changed: 78 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -370,7 +370,7 @@ <h2 class="display-flex mb-10">
370370
<div class="content">
371371
<div class="row">
372372
<div class="col-lg-8 col-sm-16 col-xs-16">
373-
<div class="form">
373+
<div class="form mb-50">
374374
<div class="item">
375375
<div class="checkbox">
376376
<input id="checkx" type="checkbox">
@@ -397,7 +397,7 @@ <h2 class="display-flex mb-10">
397397
</script>
398398
</div>
399399
<div class="col-lg-8 col-sm-16 col-xs-16">
400-
<div class="form">
400+
<div class="form mb-50">
401401
<div class="item">
402402
<div class="radio">
403403
<input id="radiox" name="radioxy" type="radio">
@@ -426,8 +426,8 @@ <h2 class="display-flex mb-10">
426426
</div>
427427
<div class="row mt-40">
428428
<div class="col-lg-8 col-sm-16 col-xs-16">
429-
<h5>Two Items</h5>
430-
<div class="form">
429+
<h6>Two Items</h6>
430+
<div class="form mb-50">
431431
<div class="two items">
432432
<div class="item">
433433
<div class="checkbox">
@@ -464,8 +464,8 @@ <h5>Two Items</h5>
464464
</script>
465465
</div>
466466
<div class="col-lg-8 col-sm-16 col-xs-16">
467-
<h5>Four Items</h5>
468-
<div class="form">
467+
<h6>Four Items</h6>
468+
<div class="form mb-50">
469469
<div class="four items">
470470
<div class="item">
471471
<div class="radio">
@@ -514,6 +514,78 @@ <h5>Four Items</h5>
514514
</script>
515515
</div>
516516
</div>
517+
<div class="row mt-40">
518+
<div class="col-lg-8 col-sm-16 col-xs-16">
519+
<h6>Using Utilities</h6>
520+
<div class="form mb-50">
521+
<div class="item">
522+
<div class="checkbox">
523+
<input id="checkx2" type="checkbox" class="accent-success" checked>
524+
<label for="checkx2">Success</label>
525+
</div>
526+
</div>
527+
<div class="item">
528+
<div class="checkbox">
529+
<input id="checky3" type="checkbox" class="accent-warning" checked>
530+
<label for="checky3">Warning</label>
531+
</div>
532+
</div>
533+
<div class="item">
534+
<div class="checkbox">
535+
<input id="checky4" type="checkbox" class="accent-error" checked>
536+
<label for="checky4">Error</label>
537+
</div>
538+
</div>
539+
<div class="item">
540+
<div class="checkbox">
541+
<input id="checky5" type="checkbox" class="accent-dark" checked>
542+
<label for="checky5">Dark</label>
543+
</div>
544+
</div>
545+
</div>
546+
<script type="text/plain" class="language-markup">
547+
<input type="checkbox" class="accent-success">
548+
<input type="checkbox" class="accent-warning">
549+
<input type="checkbox" class="accent-error">
550+
<input type="checkbox" class="accent-dark">
551+
</script>
552+
</div>
553+
<div class="col-lg-8 col-sm-16 col-xs-16">
554+
<h6>Using Utilities</h6>
555+
<div class="form mb-50">
556+
<div class="item">
557+
<div class="radio">
558+
<input type="radio" id="radio5" name="radio3" class="accent-success" checked>
559+
<label for="radio5">Success</label>
560+
</div>
561+
</div>
562+
<div class="item">
563+
<div class="radio">
564+
<input type="radio" id="radio6" name="radio4" class="accent-warning" checked>
565+
<label for="radio6">Warning</label>
566+
</div>
567+
</div>
568+
<div class="item">
569+
<div class="radio">
570+
<input type="radio" id="radio7" name="radio5" class="accent-error" checked>
571+
<label for="radio7">Error</label>
572+
</div>
573+
</div>
574+
<div class="item">
575+
<div class="radio">
576+
<input type="radio" id="radio8" name="radio6" class="accent-dark" checked>
577+
<label for="radio8">Dark</label>
578+
</div>
579+
</div>
580+
</div>
581+
<script type="text/plain" class="language-markup">
582+
<input type="radio" class="accent-success">
583+
<input type="radio" class="accent-warning">
584+
<input type="radio" class="accent-error">
585+
<input type="radio" class="accent-dark">
586+
</script>
587+
</div>
588+
</div>
517589
</div>
518590

519591
<div class="content overflow-auto mt-50">

0 commit comments

Comments
 (0)