equal
deleted
inserted
replaced
|
1 .wp-block-image>a,.wp-block-image>figure>a{ |
|
2 display:inline-block; |
|
3 } |
1 .wp-block-image img{ |
4 .wp-block-image img{ |
2 box-sizing:border-box; |
5 box-sizing:border-box; |
3 height:auto; |
6 height:auto; |
4 max-width:100%; |
7 max-width:100%; |
5 vertical-align:bottom; |
8 vertical-align:bottom; |
6 } |
9 } |
|
10 @media not (prefers-reduced-motion){ |
|
11 .wp-block-image img.hide{ |
|
12 visibility:hidden; |
|
13 } |
|
14 .wp-block-image img.show{ |
|
15 animation:show-content-image .4s; |
|
16 } |
|
17 } |
7 .wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{ |
18 .wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{ |
8 border-radius:inherit; |
19 border-radius:inherit; |
9 } |
20 } |
10 .wp-block-image.has-custom-border img{ |
21 .wp-block-image.has-custom-border img{ |
11 box-sizing:border-box; |
22 box-sizing:border-box; |
12 } |
23 } |
13 .wp-block-image.aligncenter{ |
24 .wp-block-image.aligncenter{ |
14 text-align:center; |
25 text-align:center; |
|
26 } |
|
27 .wp-block-image.alignfull>a,.wp-block-image.alignwide>a{ |
|
28 width:100%; |
15 } |
29 } |
16 .wp-block-image.alignfull img,.wp-block-image.alignwide img{ |
30 .wp-block-image.alignfull img,.wp-block-image.alignwide img{ |
17 height:auto; |
31 height:auto; |
18 width:100%; |
32 width:100%; |
19 } |
33 } |
92 opacity:0; |
106 opacity:0; |
93 padding:0; |
107 padding:0; |
94 position:absolute; |
108 position:absolute; |
95 text-align:center; |
109 text-align:center; |
96 top:16px; |
110 top:16px; |
97 transition:opacity .2s ease; |
|
98 width:20px; |
111 width:20px; |
99 z-index:100; |
112 z-index:100; |
|
113 } |
|
114 @media not (prefers-reduced-motion){ |
|
115 .wp-lightbox-container button{ |
|
116 transition:opacity .2s ease; |
|
117 } |
100 } |
118 } |
101 .wp-lightbox-container button:focus-visible{ |
119 .wp-lightbox-container button:focus-visible{ |
102 outline:3px auto #5a5a5a40; |
120 outline:3px auto #5a5a5a40; |
103 outline:3px auto -webkit-focus-ring-color; |
121 outline:3px auto -webkit-focus-ring-color; |
104 outline-offset:3px; |
122 outline-offset:3px; |
187 position:absolute; |
205 position:absolute; |
188 width:100%; |
206 width:100%; |
189 z-index:2000000; |
207 z-index:2000000; |
190 } |
208 } |
191 .wp-lightbox-overlay.active{ |
209 .wp-lightbox-overlay.active{ |
192 animation:turn-on-visibility .25s both; |
|
193 visibility:visible; |
210 visibility:visible; |
194 } |
211 } |
195 .wp-lightbox-overlay.active img{ |
212 @media not (prefers-reduced-motion){ |
196 animation:turn-on-visibility .35s both; |
213 .wp-lightbox-overlay.active{ |
197 } |
214 animation:turn-on-visibility .25s both; |
198 .wp-lightbox-overlay.show-closing-animation:not(.active){ |
215 } |
199 animation:turn-off-visibility .35s both; |
216 .wp-lightbox-overlay.active img{ |
200 } |
217 animation:turn-on-visibility .35s both; |
201 .wp-lightbox-overlay.show-closing-animation:not(.active) img{ |
218 } |
202 animation:turn-off-visibility .25s both; |
219 .wp-lightbox-overlay.show-closing-animation:not(.active){ |
203 } |
220 animation:turn-off-visibility .35s both; |
204 @media (prefers-reduced-motion:no-preference){ |
221 } |
|
222 .wp-lightbox-overlay.show-closing-animation:not(.active) img{ |
|
223 animation:turn-off-visibility .25s both; |
|
224 } |
205 .wp-lightbox-overlay.zoom.active{ |
225 .wp-lightbox-overlay.zoom.active{ |
206 animation:none; |
226 animation:none; |
207 opacity:1; |
227 opacity:1; |
208 visibility:visible; |
228 visibility:visible; |
209 } |
229 } |
228 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{ |
248 .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{ |
229 animation:turn-off-visibility .4s forwards; |
249 animation:turn-off-visibility .4s forwards; |
230 } |
250 } |
231 } |
251 } |
232 |
252 |
|
253 @keyframes show-content-image{ |
|
254 0%{ |
|
255 visibility:hidden; |
|
256 } |
|
257 99%{ |
|
258 visibility:hidden; |
|
259 } |
|
260 to{ |
|
261 visibility:visible; |
|
262 } |
|
263 } |
233 @keyframes turn-on-visibility{ |
264 @keyframes turn-on-visibility{ |
234 0%{ |
265 0%{ |
235 opacity:0; |
266 opacity:0; |
236 } |
267 } |
237 to{ |
268 to{ |