Skip to content

Commit 9a4c19d

Browse files
authored
Add CSS transitions to FAQ answers (#996)
1 parent 054d03a commit 9a4c19d

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

src/assets/css/_css/faq.less

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -68,27 +68,30 @@
6868
opacity: 0;
6969
margin-bottom: 0;
7070
margin-top: 0;
71-
display: none;
71+
overflow: hidden;
72+
transition: height 0ms 400ms, opacity 400ms 0ms;
7273

7374
&.show {
7475
opacity: 1;
7576
max-height: 800px;
7677
margin-bottom: 1.0875rem;
77-
display: block;
78+
overflow: visible;
79+
transition: height 0ms 0ms, opacity 600ms 0ms;
7880
}
7981
}
8082

8183
p {
8284
max-height: 0;
8385
opacity: 0;
8486
margin: 0;
85-
display: none;
87+
overflow: hidden;
88+
transition: height 0ms 400ms, opacity 400ms 0ms;
8689

8790
&.show {
8891
opacity: 1;
8992
max-height: 400px;
9093
margin-bottom: 1.0875rem;
91-
display: block;
94+
transition: height 0ms 0ms, opacity 600ms 0ms;
9295
}
9396
}
9497
}

0 commit comments

Comments
 (0)