726b1b3f3f4af406e0c26d3f4082768755eaf796
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / local.scss
1 $teal: #007880;
2
3
4 .l-change-pop {
5     transition: 350ms all;
6     
7     p {
8         a {
9             color: $teal;
10         }
11     }
12 }
13
14
15 .is-open .l-change-pop {
16     height: 0;
17     margin-top: 0;
18     margin-bottom: 0;
19     padding-top: 0;
20     padding-bottom: 0;
21 }
22
23
24 .ui-autocomplete a {
25     display: block;
26     transition: none;
27 }
28
29
30 .jp-state-playing .icon-play {
31   &:before {
32     content: $icon-pause;
33   }
34 }
35 .jp-state-muted .icon-volume {
36   &:before {
37     content: $icon-mute;
38   }
39 }
40
41
42 .sponsors-page {
43     display: flex;
44     justify-content: space-between;
45     margin-top: 48px;
46
47     @include rwd(tablet) {
48         flex-wrap: wrap;
49     }
50
51     .sponsors-column {
52         margin: 1em 40px;
53         display: flex;
54         flex-direction: column;
55         align-items: center;
56         font-size: 0;
57         .sponsors-column-name {
58             font-weight: $regular;
59             @include font-size(18px);
60             line-height: 150%;
61             text-align: center;
62             color: #474747;
63         }
64         .sponsor-logos {
65             height: 120px;
66             overflow: hidden;
67             a {
68                 margin-top: 20px;
69                 display: block;
70                 width: 120px;
71                 height: 120px;
72             }
73         }
74     }
75 }
76
77
78
79
80 .l-checkout__support__bar span.little-progress::after {
81     white-space: nowrap;
82     justify-content: left;
83     width: 200px;
84     right: -210px;
85     color: #083F4D;
86 }
87 .funding-details {
88     h2 {
89         margin-top: 0;
90         margin-bottom: 1.5rem;
91     }
92     .funding-description {
93         h2 {
94             font-size: 1.25rem;
95             line-height: 1.35;
96         }
97     }
98 }