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