Add Form icons

1 files changed, 42 insertions, 0 deletions

diff --git a/src/forms.less b/src/forms.less
index f6d1500..6583585 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -164,10 +164,48 @@
       &:focus {
         .control-shadow(@control-color-error);
       }
+
+      & + .form-input-hint {
+        color: @control-color-error;
+      }
     }
   }
 }
 
+// Form Icons
+.has-icon-left,
+.has-icon-right {
+  position: relative;
+
+  .form-icon {
+    margin: 0 .8rem;
+    min-width: 1.4rem;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+.has-icon-left {
+  .form-icon {
+    left: 0;
+  }
+
+  .form-input {
+    padding-left: 3rem;
+  }
+}
+
+.has-icon-right {
+  .form-icon {
+    right: 0;
+  }
+
+  .form-input {
+    padding-right: 3rem;
+  }
+}
+
 // Form element: Checkbox and Radio
 .form-checkbox,
 .form-radio,
@@ -370,6 +408,10 @@
     }
   }
 
+  .form-select {
+    width: auto;
+  }
+
   &.input-inline {
     display: inline-flex;
   }