MDL-60657 boost: fix styles when extending modal components
[moodle.git] / theme / boost / scss / moodle / modal.scss
1 .modal {
2     .modal-header {
3         padding: 0;
5         .close {
6             padding: $modal-title-padding;
7             margin-top: 0;
8         }
10         .modal-title {
11             padding: $modal-title-padding;
12         }
13     }
15     .modal-body {
16         & > .loading-icon {
17             display: block;
18             position: relative;
19             width: 100%;
20             height: 100%;
22             .icon {
23                 position: absolute;
24                 top: 50%;
25                 /*rtl:ignore*/
26                 left: 50%;
27                 transform: translate(-50%, -50%);
28             }
29         }
30     }
31 }