hensei-web/components/Toast/index.scss

35 lines
579 B
SCSS

.Toast {
background: var(--dialog-bg);
border-radius: $card-corner;
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.18);
display: flex;
flex-direction: column;
gap: $unit-2x;
padding: $unit-3x;
.Header {
align-items: center;
display: flex;
justify-content: space-between;
h3 {
font-size: $font-regular;
font-weight: $medium;
}
button {
background: none;
border: none;
font-size: $font-regular;
font-weight: $bold;
&:hover {
cursor: pointer;
}
}
}
p {
line-height: 1.3;
}
}