Add $form-floating-label-color var (defaults to $input-placeholder-co…

…lor) to allow extra customization Signed-off-by: pine3ree <[email protected]>
twbs · Sep 12, 2023 · 67e8e85 · 67e8e85
1 parent c4b4a87
commit 67e8e85
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -1075,6 +1075,7 @@ $form-floating-input-padding-b:         .625rem !default;
 $form-floating-label-height:            1.5em !default;
 $form-floating-label-opacity:           .65 !default;
 $form-floating-label-transform:         scale(.85) translateY(-.5rem) translateX(.15rem) !default;
+$form-floating-label-color:             $input-placeholder-color !default; // When the label is acting as a placeholder
 $form-floating-label-disabled-color:    $gray-600 !default;
 $form-floating-transition:              opacity .1s ease-in-out, transform .1s ease-in-out !default;
 // scss-docs-end form-floating-variables

diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss
@@ -17,7 +17,7 @@
     height: 100%; // allow textareas
     padding: $form-floating-padding-y $form-floating-padding-x;
     overflow: hidden;
-    color: $input-placeholder-color;
+    color: $form-floating-label-color;
     text-align: start;
     text-overflow: ellipsis;
     white-space: nowrap;