From ad0ae360d75c6fc6b4228ce4d31b2369f8465f27 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sun, 23 Apr 2017 00:11:10 +0800
Subject: Add Form icons

---
 src/forms.less | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

(limited to 'src/forms.less')

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;
   }
-- 
cgit v1.3.1-23-gd82d