fix: [BB-4143] Reused style in registration (#786)

* fix: Reused style in registration Signed-off-by: Farhaan Bukhsh <farhaan@opencraft.com>
open-craft · May 9, 2021 · 56bb49d · 56bb49d
1 parent 686eb62
commit 56bb49d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/frontend/src/registration/components/RegistrationContainer/styles.scss b/frontend/src/registration/components/RegistrationContainer/styles.scss
@@ -1,8 +1,5 @@
 @import '~styles/theme';
 
 .registration-container {
-  background-image: url("~assets/header-background.jpg");
-  background-color: $primary-1;
-  background-size: 100% 350px;
-  background-repeat: no-repeat;
+  @include set-header-background;
 }
diff --git a/frontend/src/styles/_theme.scss b/frontend/src/styles/_theme.scss
@@ -81,3 +81,10 @@ body {
     color: $secondary-1;
   }
 }
+
+@mixin set-header-background {
+  background-image: url("~assets/header-background.jpg");
+  background-color: $primary-1;
+  background-size: 100% 350px;
+  background-repeat: no-repeat;
+}
diff --git a/frontend/src/ui/components/ContentPage/styles.scss b/frontend/src/ui/components/ContentPage/styles.scss
@@ -6,10 +6,7 @@
   flex-direction: column;
   align-items: stretch;
   width: 100%;
-  background-image: url("~assets/header-background.jpg");
-  background-color: $primary-1;
-  background-size: 100% 350px;
-  background-repeat: no-repeat;
+  @include set-header-background;
 
   .title-container {
     margin: 60px;