30 lines
635 B
CSS
30 lines
635 B
CSS
|
.toastify {
|
|||
|
|
background: none;
|
|||
|
|
box-shadow: none;
|
|||
|
|
padding: 0;
|
|||
|
|
color: theme("colors.slate.700");
|
|||
|
|
max-width: calc(100% - 30px);
|
|||
|
|
@media screen(md) {
|
|||
|
|
max-width: none;
|
|||
|
|
}
|
|||
|
|
.toast-close {
|
|||
|
|
color: transparent;
|
|||
|
|
position: absolute;
|
|||
|
|
opacity: 1;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
right: 0;
|
|||
|
|
padding-right: theme("spacing.3");
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
&:before {
|
|||
|
|
content: "×";
|
|||
|
|
display: block;
|
|||
|
|
color: theme("colors.slate.500");
|
|||
|
|
font-size: theme("fontSize.3xl");
|
|||
|
|
margin-top: calc(theme("spacing.[1.5]") * -1);
|
|||
|
|
font-weight: theme("fontWeight.light");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|