Add support for Bootstrap Icons on floating label forms

2026-06-02 16:04:07 +03:00 · 2021-05-06 15:51:23 -07:00
parent bf09367486
commit 32930bc06e
2 changed files with 51 additions and 0 deletions
@@ -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;
+  }
+}