hawk / files / public / styles / collapsible.css
collapsible.css
| 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 | } |