$zippy-success-color: #00aa13; $zippy-success-bg-color: rgba($zippy-success-color, .08); $zippy-error-color: #e53935; $zippy-error-bg-color: rgba($zippy-error-color, .06); $zippy-info-color: #0033a0; $zippy-info-bg-color: rgba($zippy-info-color, .08); $zippy-redirect-color: #263238; $zippy-redirect-bg-color: rgba($zippy-redirect-color, .08); .zippy-title { padding: 10px; border-radius: 2px; margin: 2px 0; line-height: 1.5em; background-color: #f2f2f2; cursor: pointer; .zippy-success > & { color: $zippy-success-color; background-color: $zippy-success-bg-color; } .zippy-error > & { color: $zippy-error-color; background-color: $zippy-error-bg-color; } .zippy-redirect > & { color: $zippy-redirect-color; background-color: $zippy-redirect-bg-color; } .zippy-info > & { color: $zippy-info-color; background-color: $zippy-info-bg-color; } } span.zippy-indicator { font-size: 1.2em; margin-right: 0.2em; position: relative; top: 0; } .zippy-content { overflow: hidden; } .zippy-content-wrap { padding: 15px 0; } .zippy-empty { .zippy-title { cursor: default; } .zippy-indicator { display: none; } .zippy-content { display: none; } } .zippy-hidden { overflow: hidden; visibility: hidden; height: 0; padding: 0; }