Updated the Calculate styles.sass
This commit is contained in:
parent
e87356b27a
commit
f5a7b95631
@ -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
|
Loading…
x
Reference in New Issue
Block a user