Animate hide/show collapsible menus
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
f5ae444330
commit
4e245ae709
1 changed files with 4 additions and 2 deletions
|
@ -113,14 +113,16 @@ kbd {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.open > ul {
|
&.open > ul {
|
||||||
display: block;
|
max-height: 20000px;
|
||||||
}
|
}
|
||||||
/* Second level nesting for lists */
|
/* Second level nesting for lists */
|
||||||
> ul {
|
> ul {
|
||||||
display: none;
|
|
||||||
flex: 1 0 100%;
|
flex: 1 0 100%;
|
||||||
padding-left: 44px;
|
padding-left: 44px;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
|
max-height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: all 500ms ease-in-out;
|
||||||
> li {
|
> li {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
Loading…
Reference in a new issue