fix
[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         max-height: 100vh;
18         overflow-y: auto;
19         padding: 0 0 30px 0;
20         display: flex;
21         flex-direction: column;
22         gap: 40px;
23     }
24     .annoy-banner_actions {
25         display: flex;
26         flex-direction: column;
27         gap: 40px;
28     }
29     .annoy-banner_img {
30         flex: 1;
31         text-align: center;
32         img {
33             max-height: 100%;
34             max-width: 100%;
35         }
36     }
37     .text {
38         display: flex;
39         padding: 6px 30px;
40         flex: 1;
41         gap: 40px;
42         flex-direction: column;
43         color: white;
44         p {
45             font-size: 24px;
46         }
47     }
48     .action {
49         font-size: 1.6rem !important;
50     }
51     .annoy-banner-off {
52         font-size: 1.2rem !important;
53     }
54     
55     @include rwd($break-flow) {
56         .annoy-banner-inner {
57             padding: 0;
58             margin: 10vh 10vw 20vh 10vw;
59             max-height: 70vh;
60             flex-direction: row;
61             overflow-y: unset;
62
63             .text {
64                 padding: 0 20px 0 0;
65                 overflow-y: auto;
66             }
67         }
68         .action {
69
70         }
71         .annoy-banner-off {
72             
73         }
74     }
75 }