Merge pull request #22131 from overleaf/ds-register-bs-5

BS5 Migration - Migrating Registration page to BS5

GitOrigin-RevId: e0bd9fa11fa363062454e8f328d53b0c2aef9cad

services/web/frontend/stylesheets/bootstrap-5/pages/all.scss

@@ -31,3 +31,4 @@
 @import 'website-redesign';
 @import 'group-settings';
 @import 'templates-v2';
+@import 'login-register';

services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss

@@ -0,0 +1,68 @@
+.registration-logo {
+  width: 130px;
+  padding: var(--spacing-04) 0;
+}
+
+.website-redesign {
+  .register-container {
+    .register-content-container {
+      display: flex;
+      background-color: #f2f4f7;
+      min-height: 100vh;
+    }
+
+    .register-form {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      padding-top: var(--spacing-11);
+      background-color: var(--white);
+
+      @include media-breakpoint-down(lg) {
+        height: 100%;
+      }
+
+      .login-register-card {
+        text-align: center;
+        max-width: 320px;
+        padding-bottom: 120px;
+
+        .notification-content p {
+          text-align: left;
+        }
+
+        .login-register-header-focus {
+          padding-top: unset;
+
+          .login-register-header-heading-focus {
+            font-size: var(--font-size-05);
+            color: var(--neutral-90);
+            margin-bottom: 0;
+          }
+        }
+
+        .registration-message {
+          text-align: center;
+          padding-bottom: var(--spacing-07);
+
+          .registration-message-heading {
+            color: var(--neutral-70);
+            font-size: var(--font-size-05);
+            line-height: var(--line-height-04);
+            margin-top: var(--spacing-08);
+            margin-bottom: var(--spacing-05);
+          }
+
+          .registration-message-details {
+            font-size: var(--font-size-02);
+          }
+        }
+      }
+    }
+  }
+
+  .registration-block-separator {
+    margin-bottom: 0;
+  }
+}