git.iko.soy/bridge
on master help sign in
bridge/src/components/L2/Modal.scss
53 lines 938 B history raw
1@import 'style/shared/variables.scss';
3.modal {
4 background-color: rgba(0, 0, 0, 0.2);
5 position: fixed;
6 top: 0;
7 bottom: 0;
8 left: 0;
9 right: 0;
10 display: flex;
11 flex-direction: column;
12 justify-content: center;
13 align-items: center;
14 z-index: 2;
16 .close {
17 position: absolute;
18 top: 3px;
19 right: 8px;
20 font-size: 18px;
21 font-weight: 200;
22 cursor: pointer;
23 }
25 .content {
26 position: relative;
27 background-color: white;
28 border-radius: $large-border-radius;
29 font-family: $default-font;
30 padding: 24px;
31 font-size: 14px;
32 line-height: 24px;
33 max-width: calc(100vw - 80px);
34 }
36 &.modal-small {
37 .content {
38 padding: 16px;
39 }
40 }
43.info-modal-content {
44 position: relative;
45 background-color: white;
46 width: 280px;
47 border-radius: $large-border-radius;
48 font-family: $default-font;
49 padding: 24px;
50 font-size: 14px;
51 line-height: 24px;
52 max-width: 100%;