feat: Add full name to the user signup form (#1534)

app/javascript/dashboard/assets/scss/_woot.scss

@@ -23,7 +23,6 @@
 @import 'views/settings/inbox';
 @import 'views/settings/channel';
 @import 'views/settings/integrations';
-@import 'views/signup';
 
 @import 'plugins/multiselect';
 @import 'plugins/dropdown';

app/javascript/dashboard/assets/scss/views/_signup.scss

@@ -1,94 +0,0 @@
-.signup {
-  // margin-top: $space-larger*1.2;
-
-  .signup--hero {
-    margin-bottom: $space-larger * 1.5;
-
-    .hero--logo {
-      width: 180px;
-    }
-
-    .hero--title {
-      margin-top: $space-large;
-      font-weight: $font-weight-light;
-    }
-
-    .hero--sub {
-      font-size: $font-size-medium;
-      color: $medium-gray;
-    }
-  }
-
-  .signup--features {
-    list-style-type: none;
-    font-size: $font-size-medium;
-
-    > li {
-      padding: $space-slab;
-
-      > i {
-        margin-right: $space-two;
-        font-size: $font-size-large;
-
-        &.beer {
-          color: #dfb63b;
-        }
-
-        &.report {
-          color: #2196f3;
-        }
-
-        &.canned {
-          color: #1cad22;
-        }
-
-        &.uptime {
-          color: #a753b5;
-        }
-
-        &.secure {
-          color: #607d8b;
-        }
-      }
-    }
-  }
-
-  .signup--box {
-    @include elegant-card;
-    padding: $space-large;
-
-    label {
-      font-size: $font-size-default;
-      color: $color-gray;
-
-      input {
-        padding: $space-slab;
-        height: $space-larger;
-        font-size: $font-size-default;
-      }
-
-      .error {
-        font-size: $font-size-small
-      }
-    }
-  }
-
-  .sigin--footer {
-    padding: $space-medium;
-    font-size: $font-size-default;
-
-    > a {
-      font-weight: $font-weight-bold;
-    }
-  }
-
-  .accept--terms {
-    font-size: $font-size-mini;
-    text-align: center;
-    @include margin($zero);
-
-    a {
-      font-size: $font-size-mini;
-    }
-  }
-}

app/javascript/dashboard/assets/scss/widgets/_forms.scss

@@ -2,12 +2,13 @@
   #{$all-text-inputs},
   select,
   .multiselect > .multiselect__tags {
-    @include thin-border(darken(get-color(alert), 25%));
+    @include thin-border(var(--r-400));
   }
 
   .message {
-    color: darken(get-color(alert), 25%);
+    color: var(--r-400);
     display: block;
+    font-size: var(--font-size-small);
     font-weight: $font-weight-normal;
     margin-bottom: $space-one;
     margin-top: -$space-normal;