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

Updated the Waiting styles.sass

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-20 21:18:45 +01:00
parent 7dac8edb2a
commit f4e65aef55
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 36 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,18 +20,53 @@
animation: rotateHue 5s linear infinite animation: rotateHue 5s linear infinite
.info-area .info-area
padding: 1rem
width: 20rem width: 20rem
animation: bounceIn 0.7s ease-out animation: bounceIn 0.7s ease-out
.info-area-content
padding: 1rem
animation: fadeTextInOut 15s linear infinite
h2 h2
margin: 0 margin: 0
p p
margin-bottom: 0 margin-bottom: 0
span span
color: $primary color: $primary
font-weight: 800 font-weight: 800
.progress-bar
margin: 0 0.05rem
height: 0.4rem
background-color: $text
width: 100%
border-radius: 0 5px 5px 5px
transition: width 0.5s ease-out
animation: progressDown 15s linear infinite
@keyframes fadeTextInOut
0%
opacity: 0
transform: scale(0.7) translateX(3rem) rotate(5deg)
3%
opacity: 1
transform: scale(1)
97%
opacity: 1
transform: scale(1)
100%
opacity: 0
transform: scale(0.7) translateX(-3rem) rotate(-5deg)
@keyframes progressDown
0%
width: 100%
98%
width: 0
100%
width: 100%
@keyframes rotateHue @keyframes rotateHue
0% 0%