diff -r 48c4eec2b7e6 -r 8c2e4d02f4ef wp/wp-includes/blocks/image/style-rtl.css --- a/wp/wp-includes/blocks/image/style-rtl.css Fri Sep 05 18:40:08 2025 +0200 +++ b/wp/wp-includes/blocks/image/style-rtl.css Fri Sep 05 18:52:52 2025 +0200 @@ -1,9 +1,20 @@ +.wp-block-image>a,.wp-block-image>figure>a{ + display:inline-block; +} .wp-block-image img{ box-sizing:border-box; height:auto; max-width:100%; vertical-align:bottom; } +@media not (prefers-reduced-motion){ + .wp-block-image img.hide{ + visibility:hidden; + } + .wp-block-image img.show{ + animation:show-content-image .4s; + } +} .wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{ border-radius:inherit; } @@ -13,6 +24,9 @@ .wp-block-image.aligncenter{ text-align:center; } +.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{ + width:100%; +} .wp-block-image.alignfull img,.wp-block-image.alignwide img{ height:auto; width:100%; @@ -94,10 +108,14 @@ position:absolute; text-align:center; top:16px; - transition:opacity .2s ease; width:20px; z-index:100; } +@media not (prefers-reduced-motion){ + .wp-lightbox-container button{ + transition:opacity .2s ease; + } +} .wp-lightbox-container button:focus-visible{ outline:3px auto #5a5a5a40; outline:3px auto -webkit-focus-ring-color; @@ -189,19 +207,21 @@ z-index:2000000; } .wp-lightbox-overlay.active{ - animation:turn-on-visibility .25s both; visibility:visible; } -.wp-lightbox-overlay.active img{ - animation:turn-on-visibility .35s both; -} -.wp-lightbox-overlay.show-closing-animation:not(.active){ - animation:turn-off-visibility .35s both; -} -.wp-lightbox-overlay.show-closing-animation:not(.active) img{ - animation:turn-off-visibility .25s both; -} -@media (prefers-reduced-motion:no-preference){ +@media not (prefers-reduced-motion){ + .wp-lightbox-overlay.active{ + animation:turn-on-visibility .25s both; + } + .wp-lightbox-overlay.active img{ + animation:turn-on-visibility .35s both; + } + .wp-lightbox-overlay.show-closing-animation:not(.active){ + animation:turn-off-visibility .35s both; + } + .wp-lightbox-overlay.show-closing-animation:not(.active) img{ + animation:turn-off-visibility .25s both; + } .wp-lightbox-overlay.zoom.active{ animation:none; opacity:1; @@ -230,6 +250,17 @@ } } +@keyframes show-content-image{ + 0%{ + visibility:hidden; + } + 99%{ + visibility:hidden; + } + to{ + visibility:visible; + } +} @keyframes turn-on-visibility{ 0%{ opacity:0;