Migrate to sass-embedded

2025-02-16 14:27:03 +01:00
parent b1dc83b04d
commit ce3d35f911
13 changed files with 643 additions and 693 deletions
--- a/client/src/pages/Create/styles.sass
+++ b/client/src/pages/Create/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .create-page
  display: flex
@ -16,11 +16,13 @@
    margin-bottom: 1rem

  .info-area span
+    padding: 0.1rem 0.3rem
    color: $primary
+    background-color: $text
    user-select: text

  .qr-area
-    background-color: $text
+    background-color: rgb(255,255,255)
    padding: 1rem
    border-radius: 1rem
  .qr-area svg
--- a/client/src/pages/End/styles.sass
+++ b/client/src/pages/End/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .end-page
  display: grid
--- a/client/src/pages/Game/states/Calculate/styles.sass
+++ b/client/src/pages/Game/states/Calculate/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .calculate-state
  display: flex
--- a/client/src/pages/Game/states/Waiting/styles.sass
+++ b/client/src/pages/Game/states/Waiting/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .waiting-state
  display: flex
--- a/client/src/pages/Game/styles.sass
+++ b/client/src/pages/Game/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .game-page
  height: 100%
--- a/client/src/pages/Home/components/Dialog/styles.sass
+++ b/client/src/pages/Home/components/Dialog/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .dialog-overlay
  position: fixed
@ -6,7 +6,7 @@
  left: 0
  width: 100%
  height: 100%
-  background-color: rgba(0, 0, 0, 0.5)
+  background-color: rgba(211, 211, 211, 0.5)
  z-index: 10
  display: flex
  justify-content: center
--- a/client/src/pages/Home/styles.sass
+++ b/client/src/pages/Home/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .home-page
  display: flex
@ -43,8 +43,6 @@

  img
    width: 2.5rem
-    height: 2.5rem
-    border-radius: 50%

  h2
    margin: 0
--- a/client/src/pages/Imprint/styles.sass
+++ b/client/src/pages/Imprint/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .legal-page
  display: flex
--- a/client/src/pages/Join/states/Code/styles.sass
+++ b/client/src/pages/Join/states/Code/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .error
  width: 16rem
--- a/client/src/pages/Join/styles.sass
+++ b/client/src/pages/Join/styles.sass
@ -1,4 +1,4 @@
-@import "@styles/colors"
+@use "@styles/colors" as *

 .join-page
  display: flex