File Manager

// // Component: Alert // // ======================================================================== // Variables // ======================================================================== @alert-primary-background: lighten(@global-primary-background, 15%); @alert-primary-color: darken(@global-primary-background, 20%); @alert-success-background: lighten(@global-success-background, 22%); @alert-success-color: darken(@global-success-background, 15%); @alert-warning-background: lighten(@global-warning-background, 22%); @alert-warning-color: darken(@global-warning-background, 10%); // 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() {}