wp/wp-includes/blocks/image/style-rtl.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
--- 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;