@c8y/style
Version:
Styles for Cumulocity IoT applications
47 lines (44 loc) • 1.27 kB
text/less
/**
* c8y message uanner - Component styles
*
* Note: Uses @size-* tokens for spacing where applicable.
*
* Intentionally hardcoded values:
* - Component-specific dimensions: Fixed sizes for component layout
* - Off-grid spacing: Component-specific positioning
* - Border widths (1px, 2px, 3px): Standard borders
* - Font-sizes: Typography
* - Percentages: Layout
*/
.c8y-message-banner{
position: fixed;
z-index: 10000;
width: 100%;
pointer-events: none;
.alert{
margin: @size-16 auto;
box-shadow: var(--c8y-elevation-lg);
pointer-events: auto;
.close{
margin: calc(-1 * @size-4) calc(-1 * @size-4) 0 @size-8;
}
> span{
white-space: normal;
}
&.alert-info{
border: 2px solid var(--palette-status-info, var(--c8y-palette-status-info));
}
&.alert-warning{
border: 2px solid var(--palette-status-warning, var(--c8y-palette-status-warning));
}
&.alert-danger{
border: 2px solid var(--palette-status-danger, var(--c8y-palette-status-danger));
}
&.alert-success{
border: 2px solid var(--palette-status-success, var(--c8y-palette-status-success));
}
&.alert-system{
border: 2px solid var(--brand-primary, var(--c8y-brand-primary));
}
}
}