5 > .form-control-plaintext,
7 height: $form-floating-height;
8 line-height: $form-floating-line-height;
16 height: 100%; // allow textareas
17 padding: $form-floating-padding-y $form-floating-padding-x;
20 text-overflow: ellipsis;
23 border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
24 transform-origin: 0 0;
25 @include transition($form-floating-transition);
29 > .form-control-plaintext {
30 padding: $form-floating-padding-y $form-floating-padding-x;
37 &:not(:placeholder-shown) {
38 padding-top: $form-floating-input-padding-t;
39 padding-bottom: $form-floating-input-padding-b;
41 // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
43 padding-top: $form-floating-input-padding-t;
44 padding-bottom: $form-floating-input-padding-b;
49 padding-top: $form-floating-input-padding-t;
50 padding-bottom: $form-floating-input-padding-b;
53 > .form-control:focus,
54 > .form-control:not(:placeholder-shown),
55 > .form-control-plaintext,
58 opacity: $form-floating-label-opacity;
59 transform: $form-floating-label-transform;
62 // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
63 > .form-control:-webkit-autofill {
65 opacity: $form-floating-label-opacity;
66 transform: $form-floating-label-transform;
70 > .form-control-plaintext {
72 border-width: $input-border-width 0; // Required to properly position label text - as explained above