51 lines
790 B
SCSS
51 lines
790 B
SCSS
.fadeTransition-enter {
|
|
opacity: 0;
|
|
}
|
|
|
|
.fadeTransition-enter-active {
|
|
opacity: 1;
|
|
transition: opacity 1000ms;
|
|
}
|
|
|
|
.fadeTransition-exit {
|
|
opacity: 1;
|
|
}
|
|
|
|
.fadeTransition-exit-active {
|
|
opacity: 0;
|
|
transition: opacity 1000ms;
|
|
}
|
|
|
|
// Height transition for Archive page
|
|
.heightTransition-enter {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.heightTransition-enter-active {
|
|
max-height: 10000px;
|
|
overflow: hidden;
|
|
transition: max-height 300ms ease-out;
|
|
}
|
|
|
|
.heightTransition-enter-done {
|
|
max-height: 10000px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.heightTransition-exit {
|
|
max-height: 10000px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.heightTransition-exit-active {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
transition: max-height 300ms ease-out;
|
|
}
|
|
|
|
.heightTransition-exit-done {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
}
|