consul/ui-v2/app/styles/components/notice.scss

25 lines
351 B
SCSS

.notice {
@extend %notice;
}
%notice {
@extend %with-warning;
}
%notice::before {
left: 20px;
top: 18px;
margin-top: 0;
}
%notice {
border: 1px solid;
border-radius: $radius-small;
}
%notice.warning {
background-color: $yellow-050;
border-color: $yellow-500;
}
%notice {
position: relative;
padding: 1em;
padding-left: 45px;
}