38 lines
882 B
SCSS
38 lines
882 B
SCSS
%confirmation-alert {
|
|
background-color: $white;
|
|
}
|
|
|
|
%confirmation-alert > div {
|
|
background-color: $yellow-050;
|
|
border-top-left-radius: $decor-radius-200;
|
|
border-top-right-radius: $decor-radius-200;
|
|
}
|
|
%confirmation-alert > ul {
|
|
list-style: none;
|
|
}
|
|
%confirmation-alert > ul > li > * {
|
|
cursor: pointer;
|
|
}
|
|
%confirmation-alert > ul > li > *:hover,
|
|
%confirmation-alert > ul > li > *:focus {
|
|
background-color: $gray-100;
|
|
}
|
|
%confirmation-alert > ul > .dangerous > * {
|
|
@extend %frame-red-300;
|
|
}
|
|
%confirmation-alert > ul > .dangerous > *:hover,
|
|
%confirmation-alert > ul > .dangerous > *:focus {
|
|
@extend %frame-red-700;
|
|
}
|
|
%confirmation-alert.warning header {
|
|
color: $orange-700;
|
|
}
|
|
%confirmation-alert.warning header::before {
|
|
@extend %with-alert-triangle-mask, %as-pseudo;
|
|
background-color: $yellow-500;
|
|
margin-right: 5px;
|
|
}
|
|
%confirmation-alert p {
|
|
color: $black;
|
|
}
|