1 | .react-responsive-modal-root {
|
2 | position: fixed;
|
3 | top: 0;
|
4 | bottom: 0;
|
5 | left: 0;
|
6 | right: 0;
|
7 | z-index: 1000;
|
8 | }
|
9 |
|
10 | .react-responsive-modal-overlay {
|
11 | background: rgba(0, 0, 0, 0.5);
|
12 | position: fixed;
|
13 | top: 0;
|
14 | bottom: 0;
|
15 | left: 0;
|
16 | right: 0;
|
17 | z-index: -1;
|
18 | }
|
19 |
|
20 | .react-responsive-modal-container {
|
21 | height: 100%;
|
22 | outline: 0;
|
23 | overflow-x: hidden;
|
24 | overflow-y: auto;
|
25 | text-align: center;
|
26 | }
|
27 |
|
28 |
|
29 | .react-responsive-modal-containerCenter:after {
|
30 | width: 0;
|
31 | height: 100%;
|
32 | content: '';
|
33 | display: inline-block;
|
34 | vertical-align: middle;
|
35 | }
|
36 |
|
37 | .react-responsive-modal-modal {
|
38 | max-width: 800px;
|
39 | display: inline-block;
|
40 | text-align: left;
|
41 | vertical-align: middle;
|
42 | background: #ffffff;
|
43 | box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
|
44 | margin: 1.2rem;
|
45 | padding: 1.2rem;
|
46 | position: relative;
|
47 | overflow-y: auto;
|
48 | }
|
49 |
|
50 | .react-responsive-modal-closeButton {
|
51 | position: absolute;
|
52 | top: 14px;
|
53 | right: 14px;
|
54 | border: none;
|
55 | padding: 0;
|
56 | cursor: pointer;
|
57 | background-color: transparent;
|
58 | display: flex;
|
59 | }
|
60 |
|
61 | @keyframes react-responsive-modal-overlay-in {
|
62 | 0% {
|
63 | opacity: 0;
|
64 | }
|
65 | 100% {
|
66 | opacity: 1;
|
67 | }
|
68 | }
|
69 |
|
70 | @keyframes react-responsive-modal-overlay-out {
|
71 | 0% {
|
72 | opacity: 1;
|
73 | }
|
74 | 100% {
|
75 | opacity: 0;
|
76 | }
|
77 | }
|
78 |
|
79 | @keyframes react-responsive-modal-modal-in {
|
80 | 0% {
|
81 | transform: scale(0.96);
|
82 | opacity: 0;
|
83 | }
|
84 | 100% {
|
85 | transform: scale(100%);
|
86 | opacity: 1;
|
87 | }
|
88 | }
|
89 |
|
90 | @keyframes react-responsive-modal-modal-out {
|
91 | 0% {
|
92 | transform: scale(100%);
|
93 | opacity: 1;
|
94 | }
|
95 | 100% {
|
96 | transform: scale(0.96);
|
97 | opacity: 0;
|
98 | }
|
99 | }
|