blackout
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _annoy.scss
1 .annnoy-banner-on {
2     display: none;
3 }
4
5 .annoy-banner_blackout {
6     //display: flex;
7     display: none;
8     position: fixed;
9     top: 0;
10     left: 0;
11     right: 0;
12     bottom: 0;
13     z-index: 9999;
14     background: linear-gradient(180deg, rgba(0,0,0,1) 90%, rgba(0,0, 0,.5) 100%);
15
16     .annoy-banner-inner {
17         overflow-y: auto;
18         padding: 0 0 30px 0;
19         display: flex;
20         flex-direction: column;
21         gap: 40px;
22     }
23     .annoy-banner_actions {
24         display: flex;
25         flex-direction: column;
26         gap: 40px;
27     }
28     .annoy-banner_img {
29         flex: 1;
30         text-align: center;
31         img {
32             max-height: 100%;
33             max-width: 100%;
34         }
35     }
36     .text {
37         display: flex;
38         padding: 6px 30px;
39         flex: 1;
40         gap: 40px;
41         flex-direction: column;
42         color: white;
43         p {
44             font-size: 24px;
45         }
46     }
47     .action {
48         font-size: 1.6rem !important;
49     }
50     .annoy-banner-off {
51         font-size: 1.2rem !important;
52     }
53     
54     @include rwd($break-flow) {
55         .annoy-banner-inner {
56             padding: 0;
57             margin: 10vh 10vw 20vh 10vw;
58             flex-direction: row;
59             overflow-y: unset;
60
61             .text {
62                 padding: 0 20px 0 0;
63                 overflow-y: auto;
64             }
65         }
66         .action {
67
68         }
69         .annoy-banner-off {
70             
71         }
72     }
73 }