John Cowen 45554e4e9c
ui: Notice component (#9011)
Add simple Notice template only glimmer component
2020-10-23 09:26:32 +01:00

39 lines
630 B
SCSS

%notice {
border-radius: $decor-radius-100;
border: 1px solid;
}
%notice p:last-child a:only-child {
@extend %p3;
font-weight: $typo-weight-bold;
}
%notice-success,
%notice-info,
%notice-highlight,
%notice-error,
%notice-warning {
@extend %notice;
}
%notice::before {
@extend %as-pseudo;
}
%notice-success {
@extend %frame-green-500;
}
%notice-info {
border-color: $blue-100;
background-color: $gray-010;
color: $black;
}
%notice-info header * {
color: $blue-700;
}
%notice-highlight {
@extend %frame-gray-800;
}
%notice-warning {
@extend %frame-yellow-500;
}
%notice-error {
@extend %frame-red-500;
}