ADD: Form input hint code

2 files changed, 24 insertions, 2 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;
diff --git a/src/typography.less b/src/typography.less
index 04a19ed..47ef8ab 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -93,12 +93,12 @@ mark,
 // Code
 pre {
   background: lighten(@core-border-color, 4%);
-  border-left: .2rem solid darken(@core-border-color, 4%);
+  border-left: .2rem solid darken(@core-border-color, 5%);
   line-height: 1.8rem;
   margin-bottom: 1em;
   margin-top: 1em;
   overflow: auto;
-  padding: 1.5rem;
+  padding: 1.5rem 2.5rem;
 }
 code {
   background: @core-border-color;