You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Connected.Components/Styles/components/_collapse.scss

49 lines
701 B

.collapse-container {
height: 0px;
overflow: hidden;
}
@keyframes expand-anim {
from {
height: 0;
}
}
.collapse-entering {
animation: expand-anim 1s ease-in-out 0ms 1 forwards;
&.navgroup-collapse {
animation-duration: 300ms !important;
}
}
.collapse-entered {
overflow: initial;
}
@keyframes collapse-anim {
to {
height: 0;
}
}
.collapse-exiting {
animation: collapse-anim 0.5s cubic-bezier(0, 1, 0, 1) 0ms 1 forwards;
&.navgroup-collapse {
animation-duration: 300ms;
}
}
.collapse-hidden {
visibility: hidden;
}
.collapse-wrapper {
display: flex;
}
.collapse-wrapper-inner {
width: 100%;
}