diff options
| author | Mark Otto <[email protected]> | 2021-05-06 15:51:23 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2021-05-06 15:51:23 -0700 |
| commit | 32930bc06e2a75f05c41948a7e7dff84cc9c9b62 (patch) | |
| tree | a5126d0bc6740e6f0776d2ec1912f812929b9f97 /scss/forms | |
| parent | bf0936748602c8109fd916c64b4560799fa1c3f8 (diff) | |
| download | bootstrap-floating-labels-icons.tar.xz bootstrap-floating-labels-icons.zip | |
Add support for Bootstrap Icons on floating label formsfloating-labels-icons
Diffstat (limited to 'scss/forms')
| -rw-r--r-- | scss/forms/_floating-labels.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss index 8b2e2b8eb..915437331 100644 --- a/scss/forms/_floating-labels.scss +++ b/scss/forms/_floating-labels.scss @@ -59,3 +59,23 @@ } // stylelint-enable no-duplicate-selectors } + +.form-floating-icon { + position: absolute; + top: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + width: 2.5rem + $form-floating-padding-x; + + ~ label { + left: 2.5rem; + } + + ~ .form-control, + ~ .form-select { + padding-left: 2.5rem + $form-floating-padding-x; + } +} |