.collapsible-container {} .accordion-container {}
.collapsible {} .collapsible-header {
position: relative; margin: 0; padding: .75ex 1em; color: $collapsible-open-legend-color; background: $collapsible-open-legend-background; &:after { content: ''; position: absolute; right: 1em; top: 1ex; width: 1em; height: 1em; opacity: .1; } .collapsed & { color: $collapsible-legend-color; background: $collapsible-legend-background; &:after { opacity: .75; } &:hover { cursor: pointer; color: $collapsible-legend-hover-color; background: $collapsible-legend-hover-background; &:after { opacity: 1; } } }
} .collapsible-content {
clear: both; padding: 1.5ex 1em; .collapsed & { @extend %hidden; }
}