Proposal for floating labels

diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss
index 2cf04704da722f53374e879a1be4ef22d6e5b41a..548d580c55a76f640e59aada30a8b8e26e64737b 100644 (file)
--- a/scss/forms/_floating-labels.scss
+++ b/scss/forms/_floating-labels.scss
@@ -65,7 +65,7 @@
         z-index: -1;
         height: $form-floating-label-height;
         content: "";
-        background-color: $input-bg;
+        background-color: var(--#{$prefix}form-floating-input-bg, $input-bg);
         @include border-radius($input-border-radius);
       }
     }
@@ -86,10 +86,7 @@
 
   > :disabled ~ label,
   > .form-control:disabled ~ label { // Required for `.form-control`s because of specificity
+    --#{$prefix}form-floating-input-bg: #{$input-disabled-bg};
     color: $form-floating-label-disabled-color;
-
-    &::after {
-      background-color: $input-disabled-bg;
-    }
   }
 }