diff --git a/client/src/pages/Game/states/Calculate/styles.sass b/client/src/pages/Game/states/Calculate/styles.sass new file mode 100644 index 0000000..ba0b25c --- /dev/null +++ b/client/src/pages/Game/states/Calculate/styles.sass @@ -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 \ No newline at end of file