2022-01-25 22:09:53 +00:00
|
|
|
/*
|
|
|
|
|
* This file contains utility classes that can't be contained in a component and must be applied to the light DOM. None
|
|
|
|
|
* of the rules in this stylesheet should target component tags or HTML tags, and all classes *must* start with ".sl-"
|
|
|
|
|
* to reduce the possibility of collisions.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.sl-scroll-lock {
|
|
|
|
|
overflow: hidden !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sl-toast-stack {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 0;
|
2022-06-09 21:21:44 +00:00
|
|
|
inset-inline-end: 0;
|
2022-01-25 22:09:53 +00:00
|
|
|
z-index: var(--sl-z-index-toast);
|
|
|
|
|
width: 28rem;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
max-height: 100%;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sl-toast-stack sl-alert {
|
|
|
|
|
margin: var(--sl-spacing-medium);
|
|
|
|
|
}
|
2022-12-06 16:18:14 +00:00
|
|
|
|
|
|
|
|
.sl-toast-stack sl-alert::part(base) {
|
|
|
|
|
box-shadow: var(--sl-shadow-large);
|
|
|
|
|
}
|
