Planspiele/PerfectMarketGame
Planspiele/PerfectMarketGame
1
0
Fork 0
Code Actions Packages

Migrate to sass-embedded

Browse Source
This commit is contained in:
Mathias Wagner 2025-02-16 14:27:03 +01:00
parent b1dc83b04d
commit ce3d35f911
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
13 changed files with 643 additions and 693 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/package.json
View File

@ -19,7 +19,7 @@
"react-router": "^7.1.5", "react-router": "^7.1.5",
"react-router-dom": "^7.1.5", "react-router-dom": "^7.1.5",
"react-sound": "^1.2.0", "react-sound": "^1.2.0",
"sass": "^1.83.4", "sass-embedded": "^1.85.0",
"socket.io-client": "^4.8.1" "socket.io-client": "^4.8.1"
}, },
"devDependencies": { "devDependencies": {

6
client/src/pages/Create/styles.sass
View File

@ -1,4 +1,4 @@
@import "@styles/colors" @use "@styles/colors" as *
.create-page .create-page
display: flex display: flex
@ -16,11 +16,13 @@
margin-bottom: 1rem margin-bottom: 1rem
.info-area span .info-area span
padding: 0.1rem 0.3rem
color: $primary color: $primary
background-color: $text
user-select: text user-select: text
.qr-area .qr-area
background-color: $text background-color: rgb(255,255,255)
padding: 1rem padding: 1rem
border-radius: 1rem border-radius: 1rem
.qr-area svg .qr-area svg

2
client/src/pages/End/styles.sass
View File

@ -1,4 +1,4 @@
@import "@styles/colors" @use "@styles/colors" as *
.end-page .end-page
display: grid display: grid

2
client/src/pages/Game/states/Calculate/styles.sass
View File

@ -1,4 +1,4 @@
@import "@styles/colors" @use "@styles/colors" as *
.calculate-state .calculate-state
display: flex display: flex

2
client/src/pages/Game/states/Waiting/styles.sass
View File

@ -1,4 +1,4 @@
@import "@styles/colors" @use "@styles/colors" as *
.waiting-state .waiting-state
display: flex display: flex

2
client/src/pages/Game/styles.sass
View File

@ -1,4 +1,4 @@
@import "@styles/colors" @use "@styles/colors" as *
.game-page .game-page
height: 100% height: 100%

4
client/src/pages/Home/components/Dialog/styles.sass
View File

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

4
client/src/pages/Home/styles.sass
View File

@ -1,4 +1,4 @@
@import "@styles/colors" @use "@styles/colors" as *
.home-page .home-page
display: flex display: flex
@ -43,8 +43,6 @@
img img
width: 2.5rem width: 2.5rem
height: 2.5rem
border-radius: 50%
h2 h2
margin: 0 margin: 0

2
client/src/pages/Imprint/styles.sass
View File

@ -1,4 +1,4 @@
@import "@styles/colors" @use "@styles/colors" as *
.legal-page .legal-page
display: flex display: flex

2
client/src/pages/Join/states/Code/styles.sass
View File

@ -1,4 +1,4 @@
@import "@styles/colors" @use "@styles/colors" as *
.error .error
width: 16rem width: 16rem

2
client/src/pages/Join/styles.sass
View File

@ -1,4 +1,4 @@
@import "@styles/colors" @use "@styles/colors" as *
.join-page .join-page
display: flex display: flex

7
client/vite.config.js
View File

@ -3,6 +3,13 @@ import react from "@vitejs/plugin-react";
import * as path from "path"; import * as path from "path";
export default defineConfig({ export default defineConfig({
css: {
preprocessorOptions: {
scss: {
api: 'modern-compiler',
},
},
},
plugins: [react()], plugins: [react()],
resolve: { resolve: {
alias: { alias: {

1299
client/yarn.lock
View File

File diff suppressed because it is too large Load Diff