Migrate common components to sass-embedded

2025-02-16 14:27:25 +01:00 · 2025-02-16 14:27:25 +01:00 · 72164f3f18
commit 72164f3f18
parent ce3d35f911
4 changed files with 8 additions and 3 deletions
--- a/client/src/common/components/Background/styles.sass
+++ b/client/src/common/components/Background/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .background svg
  position: absolute
--- a/client/src/common/components/Button/styles.sass
+++ b/client/src/common/components/Button/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .btn
  display: flex
--- a/client/src/common/components/Footer/styles.sass
+++ b/client/src/common/components/Footer/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 footer
  height: 10vh
--- a/client/src/common/components/Header/styles.sass
+++ b/client/src/common/components/Header/styles.sass
@ -1,3 +1,5 @@
+@use "@styles/colors" as *
+
 header
  display: flex
  justify-content: center
@ -8,9 +10,12 @@ header

  svg
    font-size: 26pt
+    background-color: $background

  h1
    margin: 0
+    padding: 2rem 1rem
+    background-color: $background

 header *
  z-index: 2