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

Updated the Calculate styles.sass

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-20 21:17:58 +01:00
parent e87356b27a
commit f5a7b95631
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,12 @@
@import "@styles/colors" @import "@styles/colors"
.calculate-state .calculate-state
display: flex
flex-direction: column
justify-content: center
align-items: center
.calculate-state-inner
display: flex display: flex
align-items: start align-items: start
gap: 2rem gap: 2rem
@ -10,16 +16,20 @@
flex-direction: column flex-direction: column
gap: 1rem gap: 1rem
user-select: none user-select: none
width: 55rem align-items: center
.btn
animation: roundIn 0.8s ease-out
.round .round
max-width: 60rem
display: flex display: flex
padding: 1rem 2rem padding: 1rem 2rem
transition: 1s ease-in-out transition: 1s ease-in-out
animation: roundIn 0.7s ease-out animation: roundIn 0.7s ease-out
.round-item .round-item
width: 12rem width: 14rem
h2, p h2, p
margin: 0 margin: 0
@ -59,4 +69,10 @@
70% 70%
transform: scale(0.9) transform: scale(0.9)
100% 100%
transform: scale(1) transform: scale(1)
@media screen and (max-width: 1300px)
.calculate-container .round
max-width: 50rem
.round-item:nth-child(4)
display: none