notification.scss| Commit | Message |
|---|---|
ac75fabf3 | Github pages migrated to Asciidoc |
// 4 semantic variant hooks — each gets dedicated theming
// @mixin hook-notification-primary(){} // Blue/info
// @mixin hook-notification-success(){} // Green/success
// @mixin hook-notification-warning(){} // Yellow/warning
// @mixin hook-notification-danger(){} // Red/error
Four semantic hooks — more than most components — because color IS the primary differentiator for notifications. Each variant needs independent styling (background, icon, border). Colors cascade from global variables (
$global-primary-background→$notification-primary-background) — changing the global palette automatically updates notifications.