kopia lustrzana https://github.com/shoelace-style/shoelace
40 wiersze
990 B
CSS
40 wiersze
990 B
CSS
/*
|
|
* 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.
|
|
*/
|
|
|
|
@supports (scrollbar-gutter: stable) {
|
|
.sl-scroll-lock {
|
|
scrollbar-gutter: stable !important;
|
|
overflow: hidden !important;
|
|
}
|
|
}
|
|
|
|
/** This can go away once Safari has scrollbar-gutter support. */
|
|
@supports not (scrollbar-gutter: stable) {
|
|
.sl-scroll-lock body {
|
|
padding-right: var(--sl-scroll-lock-size) !important;
|
|
overflow: hidden !important;
|
|
}
|
|
}
|
|
|
|
.sl-toast-stack {
|
|
position: fixed;
|
|
top: 0;
|
|
inset-inline-end: 0;
|
|
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);
|
|
}
|
|
|
|
.sl-toast-stack sl-alert::part(base) {
|
|
box-shadow: var(--sl-shadow-large);
|
|
}
|