| | |
| | | @use "../../styles/variables.scss" as *; |
| | | |
| | | button#explorer { |
| | | all: unset; |
| | | background-color: transparent; |
| | | border: none; |
| | | text-align: left; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | & h1 { |
| | | & h2 { |
| | | font-size: 1rem; |
| | | display: inline-block; |
| | | margin: 0; |
| | |
| | | list-style: none; |
| | | overflow: hidden; |
| | | max-height: none; |
| | | transition: max-height 0.35s ease; |
| | | transition: |
| | | max-height 0.35s ease, |
| | | visibility 0s linear 0s; |
| | | margin-top: 0.5rem; |
| | | visibility: visible; |
| | | |
| | | &.collapsed { |
| | | transition: |
| | | max-height 0.35s ease, |
| | | visibility 0s linear 0.35s; |
| | | visibility: hidden; |
| | | } |
| | | |
| | | &.collapsed > .overflow::after { |
| | | opacity: 0; |