diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/blocks/gallery/style-rtl.css --- a/wp/wp-includes/blocks/gallery/style-rtl.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/blocks/gallery/style-rtl.css Tue Sep 27 16:37:53 2022 +0200 @@ -41,6 +41,12 @@ * These variables do not appear to be used anywhere else. */ /** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** * Breakpoint mixins */ /** @@ -68,71 +74,55 @@ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ -.wp-block-gallery, -.blocks-gallery-grid { +.wp-block-gallery:not(.has-nested-images), +.blocks-gallery-grid:not(.has-nested-images) { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } -.wp-block-gallery .blocks-gallery-image, -.wp-block-gallery .blocks-gallery-item, -.blocks-gallery-grid .blocks-gallery-image, -.blocks-gallery-grid .blocks-gallery-item { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item { margin: 0 0 1em 1em; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; - align-self: flex-start; width: calc(50% - 1em); } -.wp-block-gallery .blocks-gallery-image:nth-of-type(even), -.wp-block-gallery .blocks-gallery-item:nth-of-type(even), -.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), -.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even), +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) { margin-left: 0; } -.wp-block-gallery .blocks-gallery-image figure, -.wp-block-gallery .blocks-gallery-item figure, -.blocks-gallery-grid .blocks-gallery-image figure, -.blocks-gallery-grid .blocks-gallery-item figure { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure { margin: 0; height: 100%; + display: flex; + align-items: flex-end; + justify-content: flex-start; } -@supports (position: sticky) { - .wp-block-gallery .blocks-gallery-image figure, -.wp-block-gallery .blocks-gallery-item figure, -.blocks-gallery-grid .blocks-gallery-image figure, -.blocks-gallery-grid .blocks-gallery-item figure { - display: flex; - align-items: flex-end; - justify-content: flex-start; - } -} -.wp-block-gallery .blocks-gallery-image img, -.wp-block-gallery .blocks-gallery-item img, -.blocks-gallery-grid .blocks-gallery-image img, -.blocks-gallery-grid .blocks-gallery-item img { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img { display: block; max-width: 100%; height: auto; - width: 100%; + width: auto; } -@supports (position: sticky) { - .wp-block-gallery .blocks-gallery-image img, -.wp-block-gallery .blocks-gallery-item img, -.blocks-gallery-grid .blocks-gallery-image img, -.blocks-gallery-grid .blocks-gallery-item img { - width: auto; - } -} -.wp-block-gallery .blocks-gallery-image figcaption, -.wp-block-gallery .blocks-gallery-item figcaption, -.blocks-gallery-grid .blocks-gallery-image figcaption, -.blocks-gallery-grid .blocks-gallery-item figcaption { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; @@ -145,142 +135,258 @@ background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); box-sizing: border-box; margin: 0; + z-index: 2; } -.wp-block-gallery .blocks-gallery-image figcaption img, -.wp-block-gallery .blocks-gallery-item figcaption img, -.blocks-gallery-grid .blocks-gallery-image figcaption img, -.blocks-gallery-grid .blocks-gallery-item figcaption img { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img { display: inline; } -.wp-block-gallery figcaption, -.blocks-gallery-grid figcaption { +.wp-block-gallery:not(.has-nested-images) figcaption, +.blocks-gallery-grid:not(.has-nested-images) figcaption { flex-grow: 1; } -.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item, -.blocks-gallery-grid.is-cropped .blocks-gallery-image, -.blocks-gallery-grid.is-cropped .blocks-gallery-item { - align-self: inherit; -} -.wp-block-gallery.is-cropped .blocks-gallery-image a, -.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, -.wp-block-gallery.is-cropped .blocks-gallery-item img, -.blocks-gallery-grid.is-cropped .blocks-gallery-image a, -.blocks-gallery-grid.is-cropped .blocks-gallery-image img, -.blocks-gallery-grid.is-cropped .blocks-gallery-item a, -.blocks-gallery-grid.is-cropped .blocks-gallery-item img { +.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, +.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, +.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img { width: 100%; + height: 100%; + flex: 1; + -o-object-fit: cover; + object-fit: cover; } -@supports (position: sticky) { - .wp-block-gallery.is-cropped .blocks-gallery-image a, -.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, -.wp-block-gallery.is-cropped .blocks-gallery-item img, -.blocks-gallery-grid.is-cropped .blocks-gallery-image a, -.blocks-gallery-grid.is-cropped .blocks-gallery-image img, -.blocks-gallery-grid.is-cropped .blocks-gallery-item a, -.blocks-gallery-grid.is-cropped .blocks-gallery-item img { - height: 100%; - flex: 1; - -o-object-fit: cover; - object-fit: cover; - } -} -.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, -.blocks-gallery-grid.columns-1 .blocks-gallery-image, -.blocks-gallery-grid.columns-1 .blocks-gallery-item { +.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item { width: 100%; margin-left: 0; } @media (min-width: 600px) { - .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, -.blocks-gallery-grid.columns-3 .blocks-gallery-image, -.blocks-gallery-grid.columns-3 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item { width: calc(33.3333333333% - 0.6666666667em); margin-left: 1em; } - .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, -.blocks-gallery-grid.columns-4 .blocks-gallery-image, -.blocks-gallery-grid.columns-4 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item { width: calc(25% - 0.75em); margin-left: 1em; } - .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, -.blocks-gallery-grid.columns-5 .blocks-gallery-image, -.blocks-gallery-grid.columns-5 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item { width: calc(20% - 0.8em); margin-left: 1em; } - .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, -.blocks-gallery-grid.columns-6 .blocks-gallery-image, -.blocks-gallery-grid.columns-6 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item { width: calc(16.6666666667% - 0.8333333333em); margin-left: 1em; } - .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, -.blocks-gallery-grid.columns-7 .blocks-gallery-image, -.blocks-gallery-grid.columns-7 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item { width: calc(14.2857142857% - 0.8571428571em); margin-left: 1em; } - .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, -.blocks-gallery-grid.columns-8 .blocks-gallery-image, -.blocks-gallery-grid.columns-8 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item { width: calc(12.5% - 0.875em); margin-left: 1em; } - .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), -.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), -.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { + .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), +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-left: 0; } - .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), -.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), -.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { + .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), +.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), +.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-left: 0; } - .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), -.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), -.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { + .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), +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-left: 0; } - .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), -.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), -.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { + .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), +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-left: 0; } - .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), -.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), -.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { + .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), +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-left: 0; } - .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), -.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), -.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { + .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), +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-left: 0; } - .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), -.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), -.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { + .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), +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-left: 0; } - .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), -.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), -.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { + .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), +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-left: 0; } } -.wp-block-gallery .blocks-gallery-image:last-child, -.wp-block-gallery .blocks-gallery-item:last-child, -.blocks-gallery-grid .blocks-gallery-image:last-child, -.blocks-gallery-grid .blocks-gallery-item:last-child { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child { margin-left: 0; } -.wp-block-gallery.alignleft, .wp-block-gallery.alignright, -.blocks-gallery-grid.alignleft, -.blocks-gallery-grid.alignright { +.wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright, +.blocks-gallery-grid:not(.has-nested-images).alignleft, +.blocks-gallery-grid:not(.has-nested-images).alignright { max-width: 420px; width: 100%; } -.wp-block-gallery.aligncenter .blocks-gallery-item figure, -.blocks-gallery-grid.aligncenter .blocks-gallery-item figure { +.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure, +.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure { + justify-content: center; +} + +.wp-block-gallery:not(.is-cropped) .blocks-gallery-item { + align-self: flex-start; +} + +figure.wp-block-gallery.has-nested-images { + align-items: normal; +} + +.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { + width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2)); + margin: 0; +} +.wp-block-gallery.has-nested-images figure.wp-block-image { + display: flex; + flex-grow: 1; + justify-content: center; + position: relative; + flex-direction: column; + max-width: 100%; +} +.wp-block-gallery.has-nested-images figure.wp-block-image > div, +.wp-block-gallery.has-nested-images figure.wp-block-image > a { + margin: 0; + flex-direction: column; + flex-grow: 1; +} +.wp-block-gallery.has-nested-images figure.wp-block-image img { + display: block; + height: auto; + max-width: 100% !important; + width: auto; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption { + background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); + bottom: 0; + color: #fff; + font-size: 13px; + right: 0; + margin-bottom: 0; + max-height: 60%; + overflow: auto; + padding: 0 8px 8px; + position: absolute; + text-align: center; + width: 100%; + box-sizing: border-box; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { + display: inline; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { + color: inherit; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div, +.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a { + flex: 1 1 auto; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption { + flex: initial; + background: none; + color: inherit; + margin: 0; + padding: 10px 10px 9px; + position: relative; +} +.wp-block-gallery.has-nested-images figcaption { + flex-grow: 1; + flex-basis: 100%; + text-align: center; +} +.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { + margin-top: 0; + margin-bottom: auto; +} +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { + align-self: inherit; +} +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone), +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a { + display: flex; +} +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { + width: 100%; + flex: 1 0 0%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { + width: 100%; +} +@media (min-width: 600px) { + .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { + width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); + } + .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { + width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75)); + } + .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { + width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8)); + } + .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { + width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333)); + } + .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { + width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571)); + } + .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { + width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875)); + } + .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { + width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); + } + .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), +.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) { + width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5)); + } + .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { + width: 100%; + } +} +.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-gallery.has-nested-images.aligncenter { justify-content: center; } \ No newline at end of file