39 lines
733 B
CSS
39 lines
733 B
CSS
|
/**
|
||
|
|
* Transition animations for welcome-float and sidebar
|
||
|
|
*/
|
||
|
|
.fade-enter {
|
||
|
|
opacity: 0;
|
||
|
|
z-index: 1001;
|
||
|
|
}
|
||
|
|
.fade-enter.fade-enter-active {
|
||
|
|
opacity: 1;
|
||
|
|
transition: opacity 500ms;
|
||
|
|
}
|
||
|
|
.fade-exit {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.fade-exit.fade-exit-active {
|
||
|
|
opacity: 0;
|
||
|
|
transition: 500ms;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Sidebar could slide in, hard to make it natural if navigating between views with sidebars
|
||
|
|
*/
|
||
|
|
.info-container.fade-enter {
|
||
|
|
opacity: 0;
|
||
|
|
z-index: 1001;
|
||
|
|
}
|
||
|
|
.info-container.fade-enter.fade-enter-active {
|
||
|
|
opacity: 1;
|
||
|
|
transition: transform opacity 300ms;
|
||
|
|
}
|
||
|
|
.info-container.fade-exit {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.info-container.fade-exit.fade-exit-active {
|
||
|
|
opacity: 0;
|
||
|
|
transition: 400ms;
|
||
|
|
transition-delay: 100ms;
|
||
|
|
}
|