Add custom branding functionality (#2667)

webapp/sass/components/_inputs.scss

@@ -33,3 +33,7 @@ fieldset {
         }
     }
 }
+
+.admin-textarea {
+    resize: none;
+}

webapp/sass/responsive/_mobile.scss

@@ -738,16 +738,17 @@
 
     .inner-wrap {
         @include single-transition(all, .5s, ease);
-        &:before{
-            content:"";
+
+        &:before {
             //Some trickery in order for the z-index transition to happen immediately on move-in and delayed on move-out.
-            transition: background-color 0.5s ease, z-index 0s ease 0.5s;
             background-color: transparent;
+            content: '';
             height: 100%;
-            width: calc(100% + 30px);
             left: -15px;
             position: absolute;
             top: 0;
+            transition: background-color 0.5s ease, z-index 0s ease 0.5s;
+            width: calc(100% + 30px);
             z-index: 0;
         }
 
@@ -755,9 +756,9 @@
             @include translate3d(290px, 0, 0);
 
             &:before {
+                background-color: rgba(0, 0, 0, .4);
+                transition: background-color .5s ease;
                 z-index: 9999;
-                transition: background-color 0.5s ease;
-                background-color: rgba(0, 0, 0, 0.4);
             }
         }
 

webapp/sass/responsive/_tablet.scss

@@ -1,6 +1,17 @@
 @charset 'UTF-8';
 
 @media screen and (max-width: 960px) {
+    .signup-team__container {
+        &.branded {
+            display: block;
+            margin: 0 auto;
+            max-width: 380px;
+
+            .signup__markdown {
+                display: none;
+            }
+        }
+    }
     .sidebar--right {
         @include single-transition(all, .5s, ease);
         @include translateX(100%);

webapp/sass/routes/_admin-console.scss

@@ -344,3 +344,8 @@
         }
     }
 }
+
+.brand-img {
+    margin-bottom: 1.5em;
+    max-width: 150px;
+}

webapp/sass/routes/_signup.scss

@@ -10,12 +10,33 @@
         margin-right: 5px;
     }
 }
+
 .signup-team__container {
     margin: 0 auto;
     max-width: 380px;
     padding: 100px 0 50px;
     position: relative;
 
+    &.branded {
+        @include display-flex;
+        @include flex-direction(row);
+        max-width: 900px;
+
+        .signup__markdown {
+            @include flex(1.3 0 0);
+            padding-right: 80px;
+
+            p {
+                color: lighten($black, 50%);
+            }
+        }
+
+        .signup__content {
+            @include flex(1 0 0);
+        }
+
+    }
+
     &.padding--less {
         padding-top: 50px;
     }