32 lines
908 B
SCSS
32 lines
908 B
SCSS
@use "sass:color";
|
|
|
|
// * Input Form floating text
|
|
.form-floating {
|
|
> label {
|
|
color: #{color.adjust($color-tertiary, $lightness: -4%)};
|
|
font-weight: bold;
|
|
}
|
|
|
|
> .form-control,
|
|
> .form-control-plaintext {
|
|
&::placeholder {
|
|
color: transparent;
|
|
}
|
|
}
|
|
|
|
> .form-control-plaintext,
|
|
> .form-control:focus,
|
|
> .form-control:not(:placeholder-shown),
|
|
> .form-select {
|
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
~ label {
|
|
color: #{rgba(color.adjust($color-tertiary, $lightness: -4%), $form-floating-label-opacity)};
|
|
}
|
|
}
|
|
// Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
|
|
// > .form-control:-webkit-autofill {
|
|
// ~ label {
|
|
// color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity});
|
|
// }
|
|
// }
|
|
}
|