@use "../colors" as *; @use "../vars" as *; // Collapsible sections in the form, like "Advanced" @mixin collapsible { padding-bottom: 3px; .collapsible-section-title { display: block; width: 100%; color: $details-closed-summary-color; font-weight: bold; font-size: 18px; cursor: pointer; margin-bottom: 10px; border-bottom: 2px solid $details-summary-border-color; padding: 10px 2px; &:hover { color: $details-summary-hover-color; background-color: #d4d4d4; } } }