66 * This is a WP-admin agnostic reset |
72 * This is a WP-admin agnostic reset |
67 */ |
73 */ |
68 /** |
74 /** |
69 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
70 */ |
76 */ |
71 .wp-block-gallery, |
77 .wp-block-gallery:not(.has-nested-images), |
72 .blocks-gallery-grid { |
78 .blocks-gallery-grid:not(.has-nested-images) { |
73 display: flex; |
79 display: flex; |
74 flex-wrap: wrap; |
80 flex-wrap: wrap; |
75 list-style-type: none; |
81 list-style-type: none; |
76 padding: 0; |
82 padding: 0; |
77 margin: 0; |
83 margin: 0; |
78 } |
84 } |
79 .wp-block-gallery .blocks-gallery-image, |
85 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, |
80 .wp-block-gallery .blocks-gallery-item, |
86 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item, |
81 .blocks-gallery-grid .blocks-gallery-image, |
87 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, |
82 .blocks-gallery-grid .blocks-gallery-item { |
88 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item { |
83 margin: 0 0 1em 1em; |
89 margin: 0 0 1em 1em; |
84 display: flex; |
90 display: flex; |
85 flex-grow: 1; |
91 flex-grow: 1; |
86 flex-direction: column; |
92 flex-direction: column; |
87 justify-content: center; |
93 justify-content: center; |
88 position: relative; |
94 position: relative; |
89 align-self: flex-start; |
|
90 width: calc(50% - 1em); |
95 width: calc(50% - 1em); |
91 } |
96 } |
92 .wp-block-gallery .blocks-gallery-image:nth-of-type(even), |
97 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), |
93 .wp-block-gallery .blocks-gallery-item:nth-of-type(even), |
98 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even), |
94 .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), |
99 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), |
95 .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { |
100 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) { |
96 margin-left: 0; |
101 margin-left: 0; |
97 } |
102 } |
98 .wp-block-gallery .blocks-gallery-image figure, |
103 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, |
99 .wp-block-gallery .blocks-gallery-item figure, |
104 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure, |
100 .blocks-gallery-grid .blocks-gallery-image figure, |
105 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, |
101 .blocks-gallery-grid .blocks-gallery-item figure { |
106 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure { |
102 margin: 0; |
107 margin: 0; |
103 height: 100%; |
108 height: 100%; |
104 } |
109 display: flex; |
105 @supports (position: sticky) { |
110 align-items: flex-end; |
106 .wp-block-gallery .blocks-gallery-image figure, |
111 justify-content: flex-start; |
107 .wp-block-gallery .blocks-gallery-item figure, |
112 } |
108 .blocks-gallery-grid .blocks-gallery-image figure, |
113 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, |
109 .blocks-gallery-grid .blocks-gallery-item figure { |
114 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img, |
110 display: flex; |
115 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, |
111 align-items: flex-end; |
116 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img { |
112 justify-content: flex-start; |
|
113 } |
|
114 } |
|
115 .wp-block-gallery .blocks-gallery-image img, |
|
116 .wp-block-gallery .blocks-gallery-item img, |
|
117 .blocks-gallery-grid .blocks-gallery-image img, |
|
118 .blocks-gallery-grid .blocks-gallery-item img { |
|
119 display: block; |
117 display: block; |
120 max-width: 100%; |
118 max-width: 100%; |
121 height: auto; |
119 height: auto; |
122 width: 100%; |
120 width: auto; |
123 } |
121 } |
124 @supports (position: sticky) { |
122 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, |
125 .wp-block-gallery .blocks-gallery-image img, |
123 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption, |
126 .wp-block-gallery .blocks-gallery-item img, |
124 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, |
127 .blocks-gallery-grid .blocks-gallery-image img, |
125 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption { |
128 .blocks-gallery-grid .blocks-gallery-item img { |
|
129 width: auto; |
|
130 } |
|
131 } |
|
132 .wp-block-gallery .blocks-gallery-image figcaption, |
|
133 .wp-block-gallery .blocks-gallery-item figcaption, |
|
134 .blocks-gallery-grid .blocks-gallery-image figcaption, |
|
135 .blocks-gallery-grid .blocks-gallery-item figcaption { |
|
136 position: absolute; |
126 position: absolute; |
137 bottom: 0; |
127 bottom: 0; |
138 width: 100%; |
128 width: 100%; |
139 max-height: 100%; |
129 max-height: 100%; |
140 overflow: auto; |
130 overflow: auto; |
143 text-align: center; |
133 text-align: center; |
144 font-size: 0.8em; |
134 font-size: 0.8em; |
145 background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); |
135 background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); |
146 box-sizing: border-box; |
136 box-sizing: border-box; |
147 margin: 0; |
137 margin: 0; |
148 } |
138 z-index: 2; |
149 .wp-block-gallery .blocks-gallery-image figcaption img, |
139 } |
150 .wp-block-gallery .blocks-gallery-item figcaption img, |
140 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, |
151 .blocks-gallery-grid .blocks-gallery-image figcaption img, |
141 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img, |
152 .blocks-gallery-grid .blocks-gallery-item figcaption img { |
142 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, |
|
143 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img { |
153 display: inline; |
144 display: inline; |
154 } |
145 } |
155 .wp-block-gallery figcaption, |
146 .wp-block-gallery:not(.has-nested-images) figcaption, |
156 .blocks-gallery-grid figcaption { |
147 .blocks-gallery-grid:not(.has-nested-images) figcaption { |
157 flex-grow: 1; |
148 flex-grow: 1; |
158 } |
149 } |
159 .wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item, |
150 .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, |
160 .blocks-gallery-grid.is-cropped .blocks-gallery-image, |
151 .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, |
161 .blocks-gallery-grid.is-cropped .blocks-gallery-item { |
152 .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img, |
|
153 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, |
|
154 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, |
|
155 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, |
|
156 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img { |
|
157 width: 100%; |
|
158 height: 100%; |
|
159 flex: 1; |
|
160 -o-object-fit: cover; |
|
161 object-fit: cover; |
|
162 } |
|
163 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item, |
|
164 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, |
|
165 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item { |
|
166 width: 100%; |
|
167 margin-left: 0; |
|
168 } |
|
169 @media (min-width: 600px) { |
|
170 .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item, |
|
171 .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, |
|
172 .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item { |
|
173 width: calc(33.3333333333% - 0.6666666667em); |
|
174 margin-left: 1em; |
|
175 } |
|
176 .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item, |
|
177 .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, |
|
178 .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item { |
|
179 width: calc(25% - 0.75em); |
|
180 margin-left: 1em; |
|
181 } |
|
182 .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item, |
|
183 .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, |
|
184 .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item { |
|
185 width: calc(20% - 0.8em); |
|
186 margin-left: 1em; |
|
187 } |
|
188 .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item, |
|
189 .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, |
|
190 .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item { |
|
191 width: calc(16.6666666667% - 0.8333333333em); |
|
192 margin-left: 1em; |
|
193 } |
|
194 .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item, |
|
195 .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, |
|
196 .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item { |
|
197 width: calc(14.2857142857% - 0.8571428571em); |
|
198 margin-left: 1em; |
|
199 } |
|
200 .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item, |
|
201 .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, |
|
202 .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item { |
|
203 width: calc(12.5% - 0.875em); |
|
204 margin-left: 1em; |
|
205 } |
|
206 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), |
|
207 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), |
|
208 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) { |
|
209 margin-left: 0; |
|
210 } |
|
211 .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), |
|
212 .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), |
|
213 .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) { |
|
214 margin-left: 0; |
|
215 } |
|
216 .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), |
|
217 .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), |
|
218 .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) { |
|
219 margin-left: 0; |
|
220 } |
|
221 .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), |
|
222 .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), |
|
223 .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) { |
|
224 margin-left: 0; |
|
225 } |
|
226 .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), |
|
227 .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), |
|
228 .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) { |
|
229 margin-left: 0; |
|
230 } |
|
231 .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), |
|
232 .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), |
|
233 .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) { |
|
234 margin-left: 0; |
|
235 } |
|
236 .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), |
|
237 .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), |
|
238 .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) { |
|
239 margin-left: 0; |
|
240 } |
|
241 .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), |
|
242 .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), |
|
243 .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { |
|
244 margin-left: 0; |
|
245 } |
|
246 } |
|
247 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, |
|
248 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child, |
|
249 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, |
|
250 .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child { |
|
251 margin-left: 0; |
|
252 } |
|
253 .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright, |
|
254 .blocks-gallery-grid:not(.has-nested-images).alignleft, |
|
255 .blocks-gallery-grid:not(.has-nested-images).alignright { |
|
256 max-width: 420px; |
|
257 width: 100%; |
|
258 } |
|
259 .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure, |
|
260 .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure { |
|
261 justify-content: center; |
|
262 } |
|
263 |
|
264 .wp-block-gallery:not(.is-cropped) .blocks-gallery-item { |
|
265 align-self: flex-start; |
|
266 } |
|
267 |
|
268 figure.wp-block-gallery.has-nested-images { |
|
269 align-items: normal; |
|
270 } |
|
271 |
|
272 .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { |
|
273 width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2)); |
|
274 margin: 0; |
|
275 } |
|
276 .wp-block-gallery.has-nested-images figure.wp-block-image { |
|
277 display: flex; |
|
278 flex-grow: 1; |
|
279 justify-content: center; |
|
280 position: relative; |
|
281 flex-direction: column; |
|
282 max-width: 100%; |
|
283 } |
|
284 .wp-block-gallery.has-nested-images figure.wp-block-image > div, |
|
285 .wp-block-gallery.has-nested-images figure.wp-block-image > a { |
|
286 margin: 0; |
|
287 flex-direction: column; |
|
288 flex-grow: 1; |
|
289 } |
|
290 .wp-block-gallery.has-nested-images figure.wp-block-image img { |
|
291 display: block; |
|
292 height: auto; |
|
293 max-width: 100% !important; |
|
294 width: auto; |
|
295 } |
|
296 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { |
|
297 background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); |
|
298 bottom: 0; |
|
299 color: #fff; |
|
300 font-size: 13px; |
|
301 right: 0; |
|
302 margin-bottom: 0; |
|
303 max-height: 60%; |
|
304 overflow: auto; |
|
305 padding: 0 8px 8px; |
|
306 position: absolute; |
|
307 text-align: center; |
|
308 width: 100%; |
|
309 box-sizing: border-box; |
|
310 } |
|
311 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { |
|
312 display: inline; |
|
313 } |
|
314 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { |
|
315 color: inherit; |
|
316 } |
|
317 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div, |
|
318 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a { |
|
319 flex: 1 1 auto; |
|
320 } |
|
321 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption { |
|
322 flex: initial; |
|
323 background: none; |
|
324 color: inherit; |
|
325 margin: 0; |
|
326 padding: 10px 10px 9px; |
|
327 position: relative; |
|
328 } |
|
329 .wp-block-gallery.has-nested-images figcaption { |
|
330 flex-grow: 1; |
|
331 flex-basis: 100%; |
|
332 text-align: center; |
|
333 } |
|
334 .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { |
|
335 margin-top: 0; |
|
336 margin-bottom: auto; |
|
337 } |
|
338 .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { |
162 align-self: inherit; |
339 align-self: inherit; |
163 } |
340 } |
164 .wp-block-gallery.is-cropped .blocks-gallery-image a, |
341 .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone), |
165 .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, |
342 .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a { |
166 .wp-block-gallery.is-cropped .blocks-gallery-item img, |
343 display: flex; |
167 .blocks-gallery-grid.is-cropped .blocks-gallery-image a, |
344 } |
168 .blocks-gallery-grid.is-cropped .blocks-gallery-image img, |
345 .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, |
169 .blocks-gallery-grid.is-cropped .blocks-gallery-item a, |
346 .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { |
170 .blocks-gallery-grid.is-cropped .blocks-gallery-item img { |
347 width: 100%; |
171 width: 100%; |
348 flex: 1 0 0%; |
172 } |
349 height: 100%; |
173 @supports (position: sticky) { |
350 -o-object-fit: cover; |
174 .wp-block-gallery.is-cropped .blocks-gallery-image a, |
351 object-fit: cover; |
175 .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, |
352 } |
176 .wp-block-gallery.is-cropped .blocks-gallery-item img, |
353 .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { |
177 .blocks-gallery-grid.is-cropped .blocks-gallery-image a, |
354 width: 100%; |
178 .blocks-gallery-grid.is-cropped .blocks-gallery-image img, |
|
179 .blocks-gallery-grid.is-cropped .blocks-gallery-item a, |
|
180 .blocks-gallery-grid.is-cropped .blocks-gallery-item img { |
|
181 height: 100%; |
|
182 flex: 1; |
|
183 -o-object-fit: cover; |
|
184 object-fit: cover; |
|
185 } |
|
186 } |
|
187 .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, |
|
188 .blocks-gallery-grid.columns-1 .blocks-gallery-image, |
|
189 .blocks-gallery-grid.columns-1 .blocks-gallery-item { |
|
190 width: 100%; |
|
191 margin-left: 0; |
|
192 } |
355 } |
193 @media (min-width: 600px) { |
356 @media (min-width: 600px) { |
194 .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, |
357 .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { |
195 .blocks-gallery-grid.columns-3 .blocks-gallery-image, |
358 width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); |
196 .blocks-gallery-grid.columns-3 .blocks-gallery-item { |
359 } |
197 width: calc(33.3333333333% - 0.6666666667em); |
360 .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { |
198 margin-left: 1em; |
361 width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75)); |
199 } |
362 } |
200 .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, |
363 .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { |
201 .blocks-gallery-grid.columns-4 .blocks-gallery-image, |
364 width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8)); |
202 .blocks-gallery-grid.columns-4 .blocks-gallery-item { |
365 } |
203 width: calc(25% - 0.75em); |
366 .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { |
204 margin-left: 1em; |
367 width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333)); |
205 } |
368 } |
206 .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, |
369 .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { |
207 .blocks-gallery-grid.columns-5 .blocks-gallery-image, |
370 width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571)); |
208 .blocks-gallery-grid.columns-5 .blocks-gallery-item { |
371 } |
209 width: calc(20% - 0.8em); |
372 .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { |
210 margin-left: 1em; |
373 width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875)); |
211 } |
374 } |
212 .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, |
375 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { |
213 .blocks-gallery-grid.columns-6 .blocks-gallery-image, |
376 width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); |
214 .blocks-gallery-grid.columns-6 .blocks-gallery-item { |
377 } |
215 width: calc(16.6666666667% - 0.8333333333em); |
378 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), |
216 margin-left: 1em; |
379 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { |
217 } |
380 width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5)); |
218 .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, |
381 } |
219 .blocks-gallery-grid.columns-7 .blocks-gallery-image, |
382 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { |
220 .blocks-gallery-grid.columns-7 .blocks-gallery-item { |
383 width: 100%; |
221 width: calc(14.2857142857% - 0.8571428571em); |
384 } |
222 margin-left: 1em; |
385 } |
223 } |
386 .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { |
224 .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, |
|
225 .blocks-gallery-grid.columns-8 .blocks-gallery-image, |
|
226 .blocks-gallery-grid.columns-8 .blocks-gallery-item { |
|
227 width: calc(12.5% - 0.875em); |
|
228 margin-left: 1em; |
|
229 } |
|
230 .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), |
|
231 .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), |
|
232 .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { |
|
233 margin-left: 0; |
|
234 } |
|
235 .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), |
|
236 .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), |
|
237 .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { |
|
238 margin-left: 0; |
|
239 } |
|
240 .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), |
|
241 .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), |
|
242 .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { |
|
243 margin-left: 0; |
|
244 } |
|
245 .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), |
|
246 .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), |
|
247 .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { |
|
248 margin-left: 0; |
|
249 } |
|
250 .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), |
|
251 .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), |
|
252 .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { |
|
253 margin-left: 0; |
|
254 } |
|
255 .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), |
|
256 .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), |
|
257 .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { |
|
258 margin-left: 0; |
|
259 } |
|
260 .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), |
|
261 .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), |
|
262 .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { |
|
263 margin-left: 0; |
|
264 } |
|
265 .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), |
|
266 .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), |
|
267 .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { |
|
268 margin-left: 0; |
|
269 } |
|
270 } |
|
271 .wp-block-gallery .blocks-gallery-image:last-child, |
|
272 .wp-block-gallery .blocks-gallery-item:last-child, |
|
273 .blocks-gallery-grid .blocks-gallery-image:last-child, |
|
274 .blocks-gallery-grid .blocks-gallery-item:last-child { |
|
275 margin-left: 0; |
|
276 } |
|
277 .wp-block-gallery.alignleft, .wp-block-gallery.alignright, |
|
278 .blocks-gallery-grid.alignleft, |
|
279 .blocks-gallery-grid.alignright { |
|
280 max-width: 420px; |
387 max-width: 420px; |
281 width: 100%; |
388 width: 100%; |
282 } |
389 } |
283 .wp-block-gallery.aligncenter .blocks-gallery-item figure, |
390 .wp-block-gallery.has-nested-images.aligncenter { |
284 .blocks-gallery-grid.aligncenter .blocks-gallery-item figure { |
|
285 justify-content: center; |
391 justify-content: center; |
286 } |
392 } |