From 0789df2d401ae1a8b257b2c8e5cb287a6885c151 Mon Sep 17 00:00:00 2001
From: David Dal Busco <david.dalbusco@dfinity.org>
Date: Thu, 19 Jan 2023 17:55:27 +0100
Subject: [PATCH] style: undo scoped styles (#1731)

# Motivation

We have once again build reproducibility issue and despite the fact that we have fully remove the `vite-manifest.json` I suspect the style reproducibility we had to be the root cause.

Therefore undo the redo of the global style - i.e. undo PR #1671
---
 frontend/src/lib/pages/SignInAccounts.svelte  | 15 +--------------
 frontend/src/lib/pages/SignInCanisters.svelte | 15 +--------------
 frontend/src/lib/pages/SignInNeurons.svelte   | 15 +--------------
 frontend/src/lib/themes/global.scss           | 12 ++++++++++++
 frontend/src/routes/+layout.svelte            |  1 +
 5 files changed, 16 insertions(+), 42 deletions(-)
 create mode 100644 frontend/src/lib/themes/global.scss

diff --git a/frontend/src/lib/pages/SignInAccounts.svelte b/frontend/src/lib/pages/SignInAccounts.svelte
index 301daef3ceb..93c41b15889 100644
--- a/frontend/src/lib/pages/SignInAccounts.svelte
+++ b/frontend/src/lib/pages/SignInAccounts.svelte
@@ -5,7 +5,7 @@
   // TODO(GIX-1071): this static pre-rendering component should be improved with some more information and shiny design
 </script>
 
-<main>
+<main class="sign-in">
   <h1>{$i18n.auth_accounts.title}</h1>
 
   <p>
@@ -14,16 +14,3 @@
 
   <SignIn />
 </main>
-
-<style lang="scss">
-  main {
-    display: flex;
-    flex-direction: column;
-  }
-  h1 {
-    line-height: var(--line-height-standard);
-  }
-  p {
-    margin-bottom: var(--padding-3x);
-  }
-</style>
diff --git a/frontend/src/lib/pages/SignInCanisters.svelte b/frontend/src/lib/pages/SignInCanisters.svelte
index 570149b9796..0da4c9bbbff 100644
--- a/frontend/src/lib/pages/SignInCanisters.svelte
+++ b/frontend/src/lib/pages/SignInCanisters.svelte
@@ -5,7 +5,7 @@
   // TODO(GIX-1071): this static pre-rendering component should be improved with some more information and shiny design
 </script>
 
-<main>
+<main class="sign-in">
   <h1>{$i18n.auth_canisters.title}</h1>
 
   <p>
@@ -14,16 +14,3 @@
 
   <SignIn />
 </main>
-
-<style lang="scss">
-  main {
-    display: flex;
-    flex-direction: column;
-  }
-  h1 {
-    line-height: var(--line-height-standard);
-  }
-  p {
-    margin-bottom: var(--padding-3x);
-  }
-</style>
diff --git a/frontend/src/lib/pages/SignInNeurons.svelte b/frontend/src/lib/pages/SignInNeurons.svelte
index c86ef9673e7..04468252230 100644
--- a/frontend/src/lib/pages/SignInNeurons.svelte
+++ b/frontend/src/lib/pages/SignInNeurons.svelte
@@ -5,7 +5,7 @@
   // TODO(GIX-1071): this static pre-rendering component should be improved with some more information and shiny design
 </script>
 
-<main>
+<main class="sign-in">
   <h1>{$i18n.auth_neurons.title}</h1>
 
   <p>
@@ -14,16 +14,3 @@
 
   <SignIn />
 </main>
-
-<style lang="scss">
-  main {
-    display: flex;
-    flex-direction: column;
-  }
-  h1 {
-    line-height: var(--line-height-standard);
-  }
-  p {
-    margin-bottom: var(--padding-3x);
-  }
-</style>
diff --git a/frontend/src/lib/themes/global.scss b/frontend/src/lib/themes/global.scss
new file mode 100644
index 00000000000..15609f3b3b5
--- /dev/null
+++ b/frontend/src/lib/themes/global.scss
@@ -0,0 +1,12 @@
+main.sign-in {
+  display: flex;
+  flex-direction: column;
+
+  h1 {
+    line-height: var(--line-height-standard);
+  }
+
+  p {
+    margin-bottom: var(--padding-3x);
+  }
+}
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 8c071e9b482..6cc8d8ef90c 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -50,5 +50,6 @@
 <style lang="scss" global>
   @import "@dfinity/gix-components/styles/global.scss";
   @import "../lib/themes/legacy";
+  @import "../lib/themes/global";
   @import "../lib/themes/variables";
 </style>