1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
| .preview-box {
| position: fixed;
| z-index: 1100;
| left: 0;
| right: 0px;
| top: 0px;
| bottom: 0px;
| background: rgba($color: #000000, $alpha: 0.6);
| line-height: 100vh;
| text-align: center;
| opacity: 0;
| transition: opacity 0.5s;
| cursor: zoom-out;
| img {
| max-width: 80vw;
| max-height: 90vh;
| }
| button {
| position: absolute;
| top: 4vh;
| right: 4vw;
| }
| }
| .active {
| opacity: 1;
| }
|
|
