@scania/tegel
Version:
Tegel Design System
30 lines (25 loc) • 592 B
CSS
:host {
pointer-events: none;
display: block;
}
:host(.tds-animation-enter-fade) {
animation: tds-fade-in var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter) forwards;
}
:host(.tds-animation-exit-fade) {
animation: tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards;
}
:host(.is-shown) {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
:host(.is-hidden) {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
:host(.initially-hidden) {
opacity: 0;
pointer-events: none;
visibility: hidden;
}