47 lines
638 B
SCSS
47 lines
638 B
SCSS
|
.zmd-hierarchical-display {
|
||
|
|
visibility: hidden;
|
||
|
|
&.in {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.zmd-hierarchical-displaying {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
.animation {
|
||
|
|
animation-duration: 1s;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.animation.zoomedIn,
|
||
|
|
.animation.zoomedOut {
|
||
|
|
animation-timing-function: cubic-bezier(.55, 0, .1, 1); // "Swift Out" easing curve
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes zoomedIn {
|
||
|
|
from {
|
||
|
|
transform: scale(0);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes zoomedOut {
|
||
|
|
from {
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: scale(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.zoomedIn {
|
||
|
|
animation-name: zoomedIn;
|
||
|
|
}
|
||
|
|
|
||
|
|
.zoomedOut {
|
||
|
|
animation-name: zoomedOut;
|
||
|
|
}
|
||
|
|
|