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