Another upgrade.
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / vendors / slick-theme.scss
1 /* Slider */
2 .slick-loading .slick-list
3 {
4   background: #fff url('./ajax-loader.gif') center center no-repeat;
5 }
6
7 /* Icons */
8 @font-face
9 {
10   font-family: 'slick';
11   font-weight: normal;
12   font-style: normal;
13
14   src: url('./fonts/slick.eot');
15   src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
16 }
17 /* Arrows */
18 .slick-prev,
19 .slick-next
20 {
21   font-size: 0;
22   line-height: 0;
23
24   position: absolute;
25   top: 50%;
26
27   display: block;
28
29   width: 16px;
30   height: 28px;
31   padding: 0;
32   -webkit-transform: translate(0, -50%);
33   -ms-transform: translate(0, -50%);
34   transform: translate(0, -50%);
35
36   cursor: pointer;
37
38   color: transparent;
39   border: none;
40   outline: none;
41   background: transparent;
42 }
43 .slick-prev:hover,
44 .slick-prev:focus,
45 .slick-next:hover,
46 .slick-next:focus
47 {
48   color: transparent;
49   outline: none;
50   background: transparent;
51 }
52 .slick-prev:hover:before,
53 .slick-prev:focus:before,
54 .slick-next:hover:before,
55 .slick-next:focus:before
56 {
57   opacity: 1;
58 }
59 .slick-prev.slick-disabled:before,
60 .slick-next.slick-disabled:before
61 {
62   opacity: .25;
63 }
64
65 .slick-prev:before,
66 .slick-next:before
67 {
68   font-family: 'slick';
69   font-size: 20px;
70   line-height: 1;
71
72   opacity: 1;
73   color: white;
74
75   -webkit-font-smoothing: antialiased;
76   -moz-osx-font-smoothing: grayscale;
77
78   width: 16px;
79   height: 28px;
80 }
81
82 .slick-prev
83 {
84   left: -25px;
85 }
86 [dir='rtl'] .slick-prev
87 {
88   right: -25px;
89   left: auto;
90 }
91 .slick-prev:before
92 {
93   content: "";
94   display: block;
95   background: url(../images/arrow-left.png) center no-repeat;
96 }
97 [dir='rtl'] .slick-prev:before
98 {
99   content: '→';
100 }
101
102 .slick-next
103 {
104   right: -25px;
105 }
106 [dir='rtl'] .slick-next
107 {
108   right: auto;
109   left: -25px;
110 }
111 .slick-next:before
112 {
113   content: "";
114   display: block;
115   background: url(../images/arrow-right.png) center no-repeat;
116 }
117 [dir='rtl'] .slick-next:before
118 {
119   content: '←';
120 }
121
122 /* Dots */
123 .slick-dotted.slick-slider
124 {
125   margin-bottom: 30px;
126 }
127
128 .slick-dots
129 {
130   position: absolute;
131   bottom: -45px;
132   display: block;
133   width: 100%;
134   padding: 0;
135   margin: 0;
136   list-style: none;
137   text-align: center;
138 }
139 .slick-dots li
140 {
141   position: relative;
142
143   display: inline-block;
144
145   width: 10px;
146   height: 10px;
147   margin: 0 5px;
148   padding: 0;
149
150   cursor: pointer;
151 }
152 .slick-dots li button
153 {
154   font-size: 0;
155   line-height: 0;
156
157   display: block;
158
159   width: 10px;
160   height: 10px;
161   padding: 5px;
162
163   cursor: pointer;
164
165   color: transparent;
166   border: 0;
167   outline: none;
168   background: transparent;
169 }
170 .slick-dots li button:hover,
171 .slick-dots li button:focus
172 {
173   outline: none;
174 }
175 .slick-dots li button:hover:before,
176 .slick-dots li button:focus:before
177 {
178   opacity: 1;
179 }
180 .slick-dots li button:before
181 {
182   font-size: 0;
183   line-height: 20px;
184
185   position: absolute;
186   top: 0;
187   left: 0;
188
189   width: 10px;
190   height: 10px;
191   border-radius: 50%;
192   background-color: white;
193
194   content: '';
195   text-align: center;
196
197   opacity: 1;
198   color: black;
199
200   -webkit-font-smoothing: antialiased;
201   -moz-osx-font-smoothing: grayscale;
202 }
203 .slick-dots li.slick-active button:before
204 {
205   opacity: 1;
206   background-color: #007880;
207 }