From dde569af0bf010c969462a5788a6c52a68193ff8 Mon Sep 17 00:00:00 2001
From: Davinder Singh <davibaweja@gmail.com>
Date: Thu, 28 Nov 2024 10:50:50 +0000
Subject: [PATCH] Merge pull request #22131 from overleaf/ds-register-bs-5

BS5 Migration - Migrating Registration page to BS5

GitOrigin-RevId: e0bd9fa11fa363062454e8f328d53b0c2aef9cad
---
 .../stylesheets/bootstrap-5/pages/all.scss    |  1 +
 .../bootstrap-5/pages/login-register.scss     | 68 +++++++++++++++++++
 2 files changed, 69 insertions(+)
 create mode 100644 services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss
index 56d85ba9e7..3c87c6f165 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss
+++ b/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';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss
new file mode 100644
index 0000000000..3e4ff9a814
--- /dev/null
+++ b/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;
+  }
+}