#2866: _webform.scss, implement variables, reorder definitions

Author: jeff1evesque

src/scss/_webform.scss

@@ -25,32 +25,29 @@
 }
 
 form {
-  margin: .625rem auto;
-  padding: 0 0 .625rem 1.25rem;
-
   input,
   select,
   textarea {
-    border:1px solid #BEBEBE;
+    border:1px solid #gray-5;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     padding: .438rem;
-    margin:0px;
-    -moz-transition: all 0.30s ease-in-out;
-    -ms-transition: all 0.30s ease-in-out;
-    -o-transition: all 0.30s ease-in-out;
+    margin: 0;
+    -moz-transition: all .30s ease-in-out;
+    -ms-transition: all .30s ease-in-out;
+    -o-transition: all .30s ease-in-out;
     outline: none;
-    -webkit-transition: all 0.30s ease-in-out;
+    -webkit-transition: all .30s ease-in-out;
   }
 
   input:focus,
   select:focus,
   textarea:focus {
-    border: 1px solid #88D5E9;
-    box-shadow: 0 0 .5rem #88D5E9;
-    -moz-box-shadow: 0 0 .5rem #88D5E9;
-    -webkit-box-shadow: 0 0 .5rem #88D5E9;
+    border: 1px solid $focus;
+    box-shadow: 0 0 .5rem $focus;
+    -moz-box-shadow: 0 0 .5rem $focus;
+    -webkit-box-shadow: 0 0 .5rem $focus;
   }
 
   fieldset {
@@ -72,15 +69,15 @@ form {
   }
 
   label {
-    color: $gray-6;
+    color: $gray-7;
   }
 
   .input-block {
     border: 1px solid $gray-4;
     border-radius: .1875rem;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .085);
     box-sizing: border-box;
-    color: $gray-6;
+    color: $gray-7;
     display: block;
     font-size: .875rem;
     padding: .425rem .55rem;
@@ -89,7 +86,7 @@ form {
 
   legend {
     font-size: .938rem;
-    color: $gray-6;
+    color: $gray-7;
     padding: 0 $gutter-1 / 4;
   }
 }
@@ -108,6 +105,14 @@ fieldset .error {
   padding-top: 1.25rem;
 }
 
+.analysis-container {
+  form {
+    margin: .625rem auto;
+    padding: 0 0 .625rem 1.25rem;
+
+  }
+}
+
 .login-form {
   margin: 0 auto;
   width: 24rem;
@@ -145,7 +150,7 @@ fieldset .error {
 }
 
 .register-form {
-  color: $gray-6;
+  color: $gray-7;
   margin: 0 auto;
   width: 28rem;
 
@@ -155,7 +160,7 @@ fieldset .error {
   }
 
   label {
-    color: $gray-6;
+    color: $gray-7;
     display: block;
     font-weight: 600;
     margin: 0 0 .4rem;