Make form-check label customizable (#30426)

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 5060a206614448480fd6878334afd77b80807b4e..8c3c046d410c8e34c8d56b786db07f5a6cd86828 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -613,6 +613,7 @@ $form-check-input-width:                  1.25em !default;
 $form-check-min-height:                   $font-size-base * $line-height-base !default;
 $form-check-padding-left:                 $form-check-input-width + .5em !default;
 $form-check-margin-bottom:                .125rem !default;
+$form-check-label-color:                  null !default;
 $form-check-label-cursor:                 null !default;
 
 $form-check-input-active-filter:          brightness(90%) !default;

diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss
index 7fd525968547c510e34cc601a1beab989b47995e..03ae57385acff963ba1259a2c64b1fbe001352b8 100644 (file)
--- a/scss/forms/_form-check.scss
+++ b/scss/forms/_form-check.scss
@@ -100,6 +100,7 @@
 
 .form-check-label {
   margin-bottom: 0;
+  color: $form-check-label-color;
   cursor: $form-check-label-cursor;
 }