mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-15 10:05:40 +02:00
Proposal for floating labels
This commit is contained in:
@@ -65,7 +65,7 @@
|
|||||||
z-index: -1;
|
z-index: -1;
|
||||||
height: $form-floating-label-height;
|
height: $form-floating-label-height;
|
||||||
content: "";
|
content: "";
|
||||||
background-color: $input-bg;
|
background-color: var(--#{$prefix}form-floating-input-bg, $input-bg);
|
||||||
@include border-radius($input-border-radius);
|
@include border-radius($input-border-radius);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -86,10 +86,7 @@
|
|||||||
|
|
||||||
> :disabled ~ label,
|
> :disabled ~ label,
|
||||||
> .form-control:disabled ~ label { // Required for `.form-control`s because of specificity
|
> .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;
|
color: $form-floating-label-disabled-color;
|
||||||
|
|
||||||
&::after {
|
|
||||||
background-color: $input-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user