ADD: Form input hint code

1 files changed, 22 insertions, 0 deletions

diff --git a/src/forms.less b/src/forms.less
index 1170aff..8d1e5e1 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -55,21 +55,43 @@
   }
 
   // Form status
+
   .has-success &,
   &.is-success {
     border-color: @control-color-success;
   }
+
   .has-danger &,
   &.is-danger {
     border-color: @control-color-danger;
   }
 }
+
+// Form element: Input note
+.form-input-hint {
+  color: @core-meta-color;
+  display: inline-block;
+  margin-top: .4rem;
+
+  .has-success &,
+  .is-success + & {
+    color: @control-color-success;
+  }
+
+  .has-danger &,
+  .is-danger + & {
+    color: @control-color-danger;
+  }
+}
+
+
 // Form element: Label
 .form-label {
   display: block;
   line-height: 1.6rem;
   margin-bottom: .5rem;
 }
+
 // Form element: Select
 .form-select {
   appearance: none;