@@ -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