hawk / files / public / styles / collapsible.css
collapsible.css
731b0b9c 2023-10-15 Pavel Safronov | 1 | .collapsible { |
| 2 | background-color: #777; | |
| 3 | color: white; | |
| 4 | cursor: pointer; | |
| 5 | padding: 1rem; | |
| 6 | width: 100%; | |
| 7 | border: none; | |
| 8 | outline: none; | |
| 9 | text-align: left; | |
| 10 | outline: none; | |
| 11 | } | |
| 12 | ||
| 13 | .active, | |
| 14 | .collapsible:hover { | |
| 15 | background-color: #555; | |
| 16 | } | |
| 17 | ||
| 18 | .content { | |
| 19 | padding: 0 1.5rem; | |
| 20 | overflow: hidden; | |
| 21 | background-color: #f1f1f1; | |
| 22 | max-height: 0; | |
| 23 | transition: max-height 0.2s ease-out; | |
| 24 | } | |
| 25 | ||
| 26 | .collapsible:after { | |
| 27 | color: white; | |
| 28 | float: right; | |
| 29 | margin-left: .5em; | |
| 30 | } |