open-consul/ui-v2/app/styles/components/modal-dialog/skin.scss

43 lines
912 B
SCSS

%modal-dialog > label {
background-color: rgba($ui-white, 0.9);
}
%modal-window {
box-shadow: 2px 8px 8px 0 rgba($ui-black, 0.1);
}
%modal-window {
/*%frame-gray-000*/
background-color: $ui-white;
border: $decor-border-100;
border-color: $ui-gray-300;
}
%modal-window > footer,
%modal-window > header {
/*%frame-gray-000*/
border: 0 solid;
background-color: $ui-gray-050;
border-color: $ui-gray-300;
}
%modal-window > footer {
border-top-width: 1px;
}
%modal-window > header {
border-bottom-width: 1px;
}
%modal-window.warning > header {
@extend %with-warning;
text-indent: 20px;
}
%modal-window > header [for='modal_close'] {
@extend %bg-icon;
background-image: $cancel-plain-svg;
background-size: 80%;
cursor: pointer;
/*%frame-gray-000*/
background-color: $ui-gray-050;
border: $decor-border-100;
border-color: $ui-gray-300;
border-radius: $decor-radius-100;
}