consul/ui/packages/consul-ui/app/styles/base/animation/index.scss

24 lines
548 B
SCSS

%with-transition-500 {
transition-duration: 0.15s;
transition-timing-function: ease-out;
}
%blink-in-fade-out {
transition-property: opacity;
transition-duration: 0.1s;
transition-timing-function: linear;
opacity: 0;
pointer-events: none;
}
%blink-in-fade-out-active {
transition-duration: 0;
transition-duration: unset;
transition-delay: 0;
transition-delay: unset;
opacity: 1;
pointer-events: auto;
}
%transition-pushover {
transition-timing-function: cubic-bezier(0.1, 0.1, 0.25, 0.9);
transition-duration: 0.1s;
}