klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-27 12:19:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add accordion animation with js

Browse Source
This commit is contained in:
Antoine Bartuccio
2025-06-03 20:48:35 +02:00
parent fb3fd9536e
commit 0980fccf93
3 changed files with 28 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
core/static/core/accordion.scss
View File

@@ -50,31 +50,6 @@ details.accordion>.accordion-content {
border-bottom-left-radius: 3px;
}
@keyframes open {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
/* closing animation */
@keyframes close {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
details[open].accordion>summary~* {
animation: open 700ms;
}
details::not([open]).accordion>summary~* {
animation: open 700ms;
details.accordion {
transition: max-height 300ms ease-in-out;
}