39 lines
630 B
SCSS
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;
|
|
}
|