Small CSS improvements

- Helper (<small>) for <select> and <textarea>
- Better roll for a.contrast

scss/content/_form.scss

@@ -225,9 +225,13 @@ form small {
   color: var(--muted-text);
 }
 
-input + small {
-  margin-top: -$spacing-typography/1.5;
-  margin-bottom: $spacing-typography;
+input,
+select,
+textarea {
+  + small {
+    margin-top: -$spacing-typography/1.5;
+    margin-bottom: $spacing-typography;
+  }
 }
 
 // Styles for Input inside a label

scss/content/_typography.scss

@@ -115,7 +115,9 @@ a {
     &:hover,
     &:active,
     &:focus {
+      box-shadow: inset 0 -.33rem 0 var(--contrast-border-h);
       color: var(--contrast-hover);
+      text-decoration: none;
     }
 
     &:focus {
@@ -179,7 +181,7 @@ hgroup {
   *{
     margin-bottom: 0;
   }
-  
+
   > *:last-child {
     color: var(--muted-text);
     font-size: 1.125rem;

scss/themes/default/_dark.scss

@@ -31,7 +31,8 @@
     --contrast:          #{$grey-100};
     --contrast-hover:    #{$white};
     --contrast-focus:    #{rgba($grey-600, .25)};
-    --contrast-border:   #{rgba($amber-200, .33)}; // For links
+    --contrast-border:   #{rgba($amber-200, .33)}; // Links underline for
+    --contrast-border-h: #{rgba($amber-200, .5)};  // Links hover underline
     --contrast-inverse:  #{darken($grey-900, 6%)};
 
     // Form elements

scss/themes/default/_light.scss

@@ -31,7 +31,8 @@
   --contrast:          #{$grey-800};
   --contrast-hover:    #{mix($grey-900, $black)};
   --contrast-focus:    #{rgba($grey-500, .125)};
-  --contrast-border:   #{rgba($amber-200, .5)}; // For links
+  --contrast-border:   #{rgba($amber-200, .5)}; // Links underline
+  --contrast-border-h: #{rgba($amber-200, 1)};  // Links hover underline
   --contrast-inverse:  #{$white};
 
   // Form elements