1 | @import "mixins/settings.global";
|
2 | @import "mixins/objects.grid";
|
3 | @import "mixins/utilities.alignment";
|
4 |
|
5 | .o-modal {
|
6 | @include center-block__content;
|
7 | display: block;
|
8 | width: $modal-width;
|
9 | border: $modal-border;
|
10 | border-radius: $modal-border-radius;
|
11 | background-color: $modal-background-color;
|
12 | overflow: hidden;
|
13 | z-index: $modal-z-index;
|
14 |
|
15 | .c-card {
|
16 | background-color: transparent;
|
17 | box-shadow: none;
|
18 | }
|
19 |
|
20 | .c-card__body {
|
21 | position: relative;
|
22 | }
|
23 | }
|
24 |
|
25 | .o-modal--ghost {
|
26 | background-color: $modal-ghost-background-color;
|
27 | color: $modal-ghost-color;
|
28 |
|
29 | .c-heading {
|
30 | color: $modal-ghost-heading-color;
|
31 | }
|
32 | }
|
33 |
|
34 | .o-modal--full {
|
35 | top: 1em;
|
36 | left: 1em;
|
37 | width: calc(100% - 2em);
|
38 | height: calc(100% - 2em);
|
39 | transform: none;
|
40 |
|
41 | .c-card__body {
|
42 | position: absolute;
|
43 | top: 2.5em;
|
44 | bottom: 3.5em;
|
45 | width: 100%;
|
46 | overflow-x: hidden;
|
47 | overflow-y: auto;
|
48 | }
|
49 |
|
50 | .c-card__footer {
|
51 | position: absolute;
|
52 | bottom: 0;
|
53 | width: 100%;
|
54 | }
|
55 | }
|