@atlassian/aui
Version:
Atlassian User Interface library
48 lines (41 loc) • 1.34 kB
text/less
@import (reference) './imports/global';
.aui-banner {
--aui-message-padding: 10px;
--aui-message-gutter: 40px;
--aui-message-isize: @aui-icon-size-small;
--aui-focus: currentcolor;
--aui-link-color: currentcolor;
--aui-link-hover-color: currentcolor;
--aui-link-active-color: currentcolor;
border-radius: 0;
box-shadow: none;
margin-top: 0;
#aui-message.icon-bar(var(--aui-message-ig), var(--aui-message-icolor));
&::after {
left: 15px;
}
padding: var(--aui-message-padding);
position: relative;
a:not(.aui-button),
.aui-button-link {
text-decoration: underline;
}
&.aui-banner-error,
&.aui-banner-warning {
padding-left: var(--aui-message-gutter);
}
&.aui-banner-error {
--aui-message-ig: @aui-glyph-exclamation-circle;
background-color: var(--aui-banner-error-bg-color);
color: var(--aui-banner-error-text-color);
}
&.aui-banner-warning {
--aui-message-ig: @aui-glyph-exclamation-triangle;
background-color: var(--aui-banner-warning-bg-color);
color: var(--aui-banner-warning-text-color);
}
&.aui-banner-announcement {
background-color: var(--aui-banner-announcement-bg-color);
color: var(--aui-banner-announcement-text-color);
}
}