comfycamp/assets/css/flash.css

51 lines
745 B
CSS

.flash {
position: fixed;
top: 0.5rem;
right: 0.5rem;
z-index: 50;
padding: 16px;
border-radius: 0.3rem;
box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
width: 20rem;
}
.flash-info {
background-color: #15803d;
}
.flash-error {
background-color: #b91c1c;
}
@media (min-width: 640px) {
.flash {
width: 24rem;
}
}
.flash-title {
margin: 0;
display: flex;
gap: 8px;
align-items: center;
font-weight: 600;
}
.flash-body {
margin-bottom: 0;
text-indent: 28px;
}
.flash-close-button {
padding: 0;
position: absolute;
width: 28px;
height: 28px;
top: 0.5rem;
right: 0.5rem;
cursor: pointer;
}
.flash-close-button-icon {
opacity: 0.6;
}