1
0

Updated the Calculate styles.sass

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

View File

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