File Manager

// // Component: Alert // // ======================================================================== // Variables // ======================================================================== @alert-primary-background: lighten(tint(@global-primary-background, 53%), 20%); @alert-primary-color: darken(@global-primary-background, 6%); @alert-success-background: lighten(tint(@global-success-background, 45%), 25%); @alert-success-color: darken(@global-success-background, 12%); @alert-warning-background: lighten(tint(@global-warning-background, 50%), 15%); @alert-warning-color: darken(@global-warning-background, 22%); @alert-danger-background: lighten(tint(@global-danger-background, 50%), 20%); // Component // ======================================================================== .hook-alert() {} // Close // ======================================================================== .hook-alert-close() {} .hook-alert-close-hover() {} // Style modifiers // ======================================================================== .hook-alert-primary() {} .hook-alert-success() {} .hook-alert-warning() {} .hook-alert-danger() {} // Miscellaneous // ======================================================================== .hook-alert-misc() {}