Warning, /iDDS/monitor/data/scss/bootstrap/forms/_floating-labels.scss is written in an unsupported language. File is not indexed.
0001 .form-floating {
0002 position: relative;
0003
0004 > .form-control,
0005 > .form-select {
0006 height: $form-floating-height;
0007 padding: $form-floating-padding-y $form-floating-padding-x;
0008 }
0009
0010 > label {
0011 position: absolute;
0012 top: 0;
0013 left: 0;
0014 height: 100%; // allow textareas
0015 padding: $form-floating-padding-y $form-floating-padding-x;
0016 pointer-events: none;
0017 border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
0018 transform-origin: 0 0;
0019 @include transition($form-floating-transition);
0020 }
0021
0022 // stylelint-disable no-duplicate-selectors
0023 > .form-control {
0024 &::placeholder {
0025 color: transparent;
0026 }
0027
0028 &:focus,
0029 &:not(:placeholder-shown) {
0030 padding-top: $form-floating-input-padding-t;
0031 padding-bottom: $form-floating-input-padding-b;
0032 }
0033 // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
0034 &:-webkit-autofill {
0035 padding-top: $form-floating-input-padding-t;
0036 padding-bottom: $form-floating-input-padding-b;
0037 }
0038 }
0039
0040 > .form-select {
0041 padding-top: $form-floating-input-padding-t;
0042 padding-bottom: $form-floating-input-padding-b;
0043 }
0044
0045 > .form-control:focus,
0046 > .form-control:not(:placeholder-shown),
0047 > .form-select {
0048 ~ label {
0049 opacity: $form-floating-label-opacity;
0050 transform: $form-floating-label-transform;
0051 }
0052 }
0053 // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
0054 > .form-control:-webkit-autofill {
0055 ~ label {
0056 opacity: $form-floating-label-opacity;
0057 transform: $form-floating-label-transform;
0058 }
0059 }
0060 // stylelint-enable no-duplicate-selectors
0061 }
