2018-09-21 09:18:32 +00:00
|
|
|
%flash-message p {
|
|
|
|
border-width: 1px;
|
2021-10-07 18:21:11 +00:00
|
|
|
border-radius: var(--decor-radius-100);
|
2018-09-21 09:18:32 +00:00
|
|
|
}
|
2019-07-16 16:33:28 +00:00
|
|
|
%flash-message p strong::before {
|
|
|
|
@extend %as-pseudo;
|
2018-08-29 11:11:58 +00:00
|
|
|
}
|
2019-07-16 16:33:28 +00:00
|
|
|
%flash-message p.success strong::before {
|
2021-06-22 17:56:17 +00:00
|
|
|
@extend %with-check-circle-fill-mask;
|
2021-10-07 18:21:11 +00:00
|
|
|
color: rgb(var(--tone-green-500));
|
2018-12-04 17:03:23 +00:00
|
|
|
}
|
2019-07-16 16:33:28 +00:00
|
|
|
%flash-message p.warning strong::before {
|
2021-06-22 17:56:17 +00:00
|
|
|
@extend %with-alert-triangle-mask;
|
2021-10-07 18:21:11 +00:00
|
|
|
color: rgb(var(--tone-orange-500));
|
2019-07-16 16:33:28 +00:00
|
|
|
}
|
|
|
|
%flash-message p.error strong::before {
|
2021-06-22 17:56:17 +00:00
|
|
|
@extend %with-cancel-square-fill-mask;
|
2021-10-07 18:21:11 +00:00
|
|
|
color: rgb(var(--tone-red-500));
|
2018-08-29 11:11:58 +00:00
|
|
|
}
|
|
|
|
%flash-message p.success {
|
2018-09-21 09:18:32 +00:00
|
|
|
@extend %frame-green-500;
|
2018-08-29 11:11:58 +00:00
|
|
|
}
|
2018-12-04 17:03:23 +00:00
|
|
|
%flash-message p.warning {
|
|
|
|
@extend %frame-yellow-500;
|
|
|
|
}
|
2018-08-29 11:11:58 +00:00
|
|
|
%flash-message p.error {
|
2018-09-21 09:18:32 +00:00
|
|
|
@extend %frame-red-500;
|
2018-08-29 11:11:58 +00:00
|
|
|
}
|