Animate hide/show collapsible menus

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-09-08 16:24:22 +02:00
parent f5ae444330
commit 4e245ae709
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
1 changed files with 4 additions and 2 deletions

View File

@ -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;