github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/modal-dialog/skin.scss (about) 1 %modal-dialog > label { 2 background-color: rgba($ui-white, 0.9); 3 } 4 %modal-window { 5 box-shadow: 2px 8px 8px 0 rgba($ui-black, 0.1); 6 } 7 %modal-window { 8 /*%frame-gray-000*/ 9 background-color: $ui-white; 10 border: $decor-border-100; 11 border-color: $ui-gray-300; 12 } 13 %modal-window > footer, 14 %modal-window > header { 15 /*%frame-gray-000*/ 16 border: 0 solid; 17 background-color: $ui-gray-050; 18 border-color: $ui-gray-300; 19 } 20 %modal-window > footer { 21 border-top-width: 1px; 22 } 23 %modal-window > header { 24 border-bottom-width: 1px; 25 } 26 %modal-window.warning > header { 27 @extend %with-warning; 28 text-indent: 20px; 29 } 30 31 %modal-window > header [for='modal_close'] { 32 @extend %bg-icon; 33 background-image: $cancel-plain-svg; 34 background-size: 80%; 35 36 cursor: pointer; 37 /*%frame-gray-000*/ 38 background-color: $ui-gray-050; 39 border: $decor-border-100; 40 border-color: $ui-gray-300; 41 border-radius: $decor-radius-100; 42 }