Created the Calculate styles.sass
This commit is contained in:
parent
c70ad75aea
commit
666dd1d5bf
48
client/src/pages/Game/states/Calculate/styles.sass
Normal file
48
client/src/pages/Game/states/Calculate/styles.sass
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
@import "@styles/colors"
|
||||||
|
|
||||||
|
.calculate-state
|
||||||
|
display: flex
|
||||||
|
align-items: start
|
||||||
|
gap: 2rem
|
||||||
|
|
||||||
|
.calculate-container
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
gap: 1rem
|
||||||
|
user-select: none
|
||||||
|
width: 55rem
|
||||||
|
|
||||||
|
.round
|
||||||
|
display: flex
|
||||||
|
padding: 1rem 2rem
|
||||||
|
transition: 1s ease-in-out
|
||||||
|
|
||||||
|
.round-item
|
||||||
|
width: 12rem
|
||||||
|
|
||||||
|
h2, p
|
||||||
|
margin: 0
|
||||||
|
|
||||||
|
.round-item:nth-child(1)
|
||||||
|
width: 18rem
|
||||||
|
text-overflow: ellipsis
|
||||||
|
overflow: hidden
|
||||||
|
|
||||||
|
.round-red
|
||||||
|
color: $error
|
||||||
|
.round-green
|
||||||
|
color: $success
|
||||||
|
|
||||||
|
.customer
|
||||||
|
display: flex
|
||||||
|
padding: 1rem 1rem
|
||||||
|
align-items: center
|
||||||
|
gap: 0.5rem
|
||||||
|
transition: 1s ease-in-out
|
||||||
|
|
||||||
|
svg
|
||||||
|
font-size: 28pt
|
||||||
|
|
||||||
|
.customer-item
|
||||||
|
h2, p
|
||||||
|
margin: 0
|
Loading…
x
Reference in New Issue
Block a user