mirror of https://github.com/hashicorp/consul
43 lines
912 B
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;
|
||
|
}
|