24 lines
529 B
CSS
24 lines
529 B
CSS
.accordion {
|
|
& summary {
|
|
list-style: none;
|
|
transition: background-color 0.15s ease-out;
|
|
|
|
&:hover {
|
|
background-color: hsla(250 11 100 / 0.06);
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
& .accordion-container {
|
|
/* fixes jumps due to margins on inline items */
|
|
display: flex;
|
|
}
|
|
|
|
& .accordion-container.animate {
|
|
/* this somehow breaks if both min AND max aren't animated */
|
|
transition: min-height 0.3s ease, max-height 0.3s ease;
|
|
min-height: var(--height);
|
|
max-height: var(--height);
|
|
}
|
|
}
|