1 files changed, 54 insertions, 123 deletions

diff --git a/app/assets/stylesheets/startup/startup-signin.scss b/app/assets/stylesheets/startup/startup-signin.scss
index 3090edfb123..c0e2d8d44d4 100644
--- a/app/assets/stylesheets/startup/startup-signin.scss
+++ b/app/assets/stylesheets/startup/startup-signin.scss
@@ -11,9 +11,6 @@ html {
   font-family: sans-serif;
   line-height: 1.15;
 }
-header {
-  display: block;
-}
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@@ -31,8 +28,7 @@ hr {
   height: 0;
   overflow: visible;
 }
-h1,
-h3 {
+h1 {
   margin-top: 0;
   margin-bottom: 0.25rem;
 }
@@ -53,10 +49,6 @@ img {
   vertical-align: middle;
   border-style: none;
 }
-svg {
-  overflow: hidden;
-  vertical-align: middle;
-}
 label {
   display: inline-block;
   margin-bottom: 0.5rem;
@@ -86,8 +78,7 @@ fieldset {
 [hidden] {
   display: none !important;
 }
-h1,
-h3 {
+h1 {
   margin-bottom: 0.25rem;
   font-weight: 600;
   line-height: 1.2;
@@ -96,9 +87,6 @@ h3 {
 h1 {
   font-size: 2.1875rem;
 }
-h3 {
-  font-size: 1.53125rem;
-}
 hr {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -132,13 +120,6 @@ hr {
     max-width: 1140px;
   }
 }
-.row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -15px;
-  margin-left: -15px;
-}
-.col-md-6,
 .col-sm-12,
 .col {
   position: relative;
@@ -151,29 +132,11 @@ hr {
   flex-grow: 1;
   max-width: 100%;
 }
-.order-1 {
-  order: 1;
-}
-.order-12 {
-  order: 12;
-}
 @media (min-width: 576px) {
   .col-sm-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .order-sm-1 {
-    order: 1;
-  }
-  .order-sm-12 {
-    order: 12;
-  }
-}
-@media (min-width: 768px) {
-  .col-md-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
-  }
 }
 .form-control {
   display: block;
@@ -241,39 +204,18 @@ hr {
 fieldset:disabled a.btn {
   pointer-events: none;
 }
-.navbar {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.25rem 0.5rem;
-}
-.navbar .container {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-}
-.fixed-top {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1030;
-}
 .mt-3 {
   margin-top: 1rem !important;
 }
 .mb-3 {
   margin-bottom: 1rem !important;
 }
+.text-nowrap {
+  white-space: nowrap !important;
+}
 .text-center {
   text-align: center !important;
 }
-.font-weight-normal {
-  font-weight: 400 !important;
-}
 .gl-form-input,
 .gl-form-input.form-control {
   background-color: #fff;
@@ -373,8 +315,7 @@ body {
 [type="submit"] {
   cursor: pointer;
 }
-h1,
-h3 {
+h1 {
   margin-top: 20px;
   margin-bottom: 10px;
 }
@@ -384,9 +325,6 @@ a {
 hr {
   overflow: hidden;
 }
-svg {
-  vertical-align: baseline;
-}
 .form-control {
   font-size: 0.875rem;
 }
@@ -442,13 +380,6 @@ body.navless {
   border-color: #e3e3e3;
   color: #303030;
 }
-.btn svg {
-  height: 15px;
-  width: 15px;
-}
-.btn svg:not(:last-child) {
-  margin-right: 5px;
-}
 .light {
   color: #303030;
 }
@@ -504,26 +435,6 @@ label.label-bold {
 .gl-show-field-errors .gl-field-hint {
   color: #303030;
 }
-.navbar-empty {
-  justify-content: center;
-  height: var(--header-height, 48px);
-  background: #fff;
-  border-bottom: 1px solid #dbdbdb;
-}
-.navbar-empty .tanuki-logo,
-.navbar-empty .brand-header-logo {
-  max-height: 100%;
-}
-.tanuki-logo .tanuki {
-  fill: #e24329;
-}
-.tanuki-logo .left-cheek,
-.tanuki-logo .right-cheek {
-  fill: #fc6d26;
-}
-.tanuki-logo .chin {
-  fill: #fca326;
-}
 input::-moz-placeholder {
   color: #868686;
   opacity: 1;
@@ -534,9 +445,6 @@ input::-ms-input-placeholder {
 input:-ms-input-placeholder {
   color: #868686;
 }
-svg {
-  fill: currentColor;
-}
 .login-page .container {
   max-width: 960px;
 }
@@ -569,6 +477,14 @@ svg {
 .login-page p {
   font-size: 13px;
 }
+.login-page .borderless .login-box,
+.login-page .borderless .omniauth-container {
+  box-shadow: none;
+}
+.login-page .borderless .g-recaptcha > div {
+  margin-left: auto;
+  margin-right: auto;
+}
 .login-page .login-box,
 .login-page .omniauth-container {
   box-shadow: 0 0 0 1px #dbdbdb;
@@ -732,61 +648,76 @@ svg {
   }
 }
 
-.gl-border-solid {
-  border-style: solid;
-}
-.gl-border-gray-100 {
-  border-color: #dbdbdb;
-}
-.gl-border-1 {
-  border-width: 1px;
-}
-.gl-rounded-base {
-  border-radius: 0.25rem;
-}
 .gl-text-green-600 {
   color: #217645;
 }
 .gl-text-red-500 {
   color: #dd2b0e;
 }
-.gl-display-flex {
-  display: flex;
-}
 .gl-display-block {
   display: block;
 }
-.gl-align-items-center {
-  align-items: center;
+.gl-w-10 {
+  width: 3.5rem;
 }
-.gl-flex-wrap {
-  flex-wrap: wrap;
+.gl-w-half {
+  width: 50%;
+}
+.gl-w-90p {
+  width: 90%;
 }
 .gl-w-full {
   width: 100%;
 }
+@media (max-width: 575.98px) {
+  .gl-xs-w-full {
+    width: 100%;
+  }
+}
 .gl-p-4 {
   padding: 0.75rem;
 }
+.gl-pt-5 {
+  padding-top: 1rem;
+}
 .gl-mt-2 {
   margin-top: 0.25rem;
 }
 .gl-mt-5 {
   margin-top: 1rem;
 }
+.gl-mr-auto {
+  margin-right: auto;
+}
+.gl-mr-2 {
+  margin-right: 0.25rem;
+}
+.gl-mb-1 {
+  margin-bottom: 0.125rem;
+}
+.gl-mb-2 {
+  margin-bottom: 0.25rem;
+}
 .gl-mb-3 {
   margin-bottom: 0.5rem;
 }
 .gl-mb-5 {
   margin-bottom: 1rem;
 }
-@media (min-width: 576px) {
-  .gl-sm-mt-0 {
-    margin-top: 0;
-  }
+.gl-ml-auto {
+  margin-left: auto;
 }
-.gl-font-weight-bold {
-  font-weight: 600;
+.gl-ml-2 {
+  margin-left: 0.25rem;
+}
+.gl-text-center {
+  text-align: center;
+}
+.gl-font-size-h2 {
+  font-size: 1.1875rem;
+}
+.gl-font-weight-normal {
+  font-weight: 400;
 }
 
 @import "startup/cloaking";