Improve SASS coding with Hound CI results, and change Hound CI configs.

1 files changed, 7 insertions, 7 deletions

diff --git a/src/_forms.scss b/src/_forms.scss
index b407d3c..58e958b 100644
--- a/src/_forms.scss
+++ b/src/_forms.scss
@@ -31,13 +31,13 @@ legend {
 
 // Form element: Input
 .form-input {
+  @include control-transition();
   appearance: none;
   background: $bg-color-light;
   background-image: none;
   border: $border-width solid $border-color-dark;
   border-radius: $border-radius;
   color: $body-font-color;
-  @include control-transition();
   display: block;
   font-size: $font-size;
   height: $control-size;
@@ -48,8 +48,8 @@ legend {
   position: relative;
   width: 100%;
   &:focus {
-    border-color: $primary-color;
     @include control-shadow();
+    border-color: $primary-color;
   }
   &::placeholder {
     color: $gray-color;
@@ -129,8 +129,8 @@ textarea.form-input {
     padding-right: $control-icon-size + $control-padding-h;
   }
   &:focus {
-    border-color: $primary-color;
     @include control-shadow();
+    border-color: $primary-color;
   }
   &::-ms-expand {
     display: none;
@@ -202,8 +202,8 @@ textarea.form-input {
     position: absolute;
     width: 1px;
     &:focus + .form-icon {
-      border-color: $primary-color;
       @include control-shadow();
+      border-color: $primary-color;
     }
     &:checked + .form-icon {
       background: $primary-color;
@@ -212,8 +212,8 @@ textarea.form-input {
   }
 
   .form-icon {
-    border: $border-width solid $border-color-dark;
     @include control-transition();
+    border: $border-width solid $border-color-dark;
     cursor: pointer;
     display: inline-block;
     position: absolute;
@@ -312,6 +312,7 @@ textarea.form-input {
     top: ($control-size-sm - $unit-4) / 2 - $border-width;
     width: $unit-8;
     &::before {
+      @include control-transition();
       background: $bg-color-light;
       border-radius: $unit-2;
       content: "";
@@ -320,7 +321,6 @@ textarea.form-input {
       left: 0;
       position: absolute;
       top: 0;
-      @include control-transition();
       width: $unit-4;
     }
   }
@@ -436,8 +436,8 @@ textarea.form-input {
       }
 
       &:focus + .form-icon {
-        border-color: $error-color;
         @include control-shadow($error-color);
+        border-color: $error-color;
       }
     }
   }