Merge pull request #751 from kilab-dev/checkbox-label-required

Added asterisk sign to checkbox element label with .required class

src/pages/_includes/parts/form/fieldset.html

@@ -11,8 +11,12 @@
 		<label class="form-label required">Email</label>
 		<input type="email" class="form-control"  autocomplete="off"/>
 	</div>
-	<div class="">
+	<div class="mb-3">
 		<label class="form-label">Phone number</label>
 		<input type="tel" class="form-control" autocomplete="off"/>
 	</div>
+  	<div class="form-check">
+	 	<input type="checkbox" class="form-check-input"/>
+	 	<label class="form-check-label required">I agree to the Terms & Conditions</label>
+	</div>
 </fieldset>

src/scss/ui/forms/_form-check.scss

@@ -20,6 +20,14 @@ Form check
 
 .form-check-label {
   display: block;
+
+  &.required {
+    &:after {
+      content: "*";
+      margin-left: .25rem;
+      color: $red;
+    }
+  }
 }
 
 .form-check-description {