diff -r 48c4eec2b7e6 -r 8c2e4d02f4ef wp/wp-includes/css/dist/block-library/style-rtl.css --- a/wp/wp-includes/css/dist/block-library/style-rtl.css Fri Sep 05 18:40:08 2025 +0200 +++ b/wp/wp-includes/css/dist/block-library/style-rtl.css Fri Sep 05 18:52:52 2025 +0200 @@ -31,9 +31,11 @@ } .wp-block-button__link{ + align-content:center; box-sizing:border-box; cursor:pointer; display:inline-block; + height:100%; text-align:center; word-break:break-word; } @@ -107,6 +109,10 @@ background-color:initial; background-image:none; } + +.wp-block-buttons{ + box-sizing:border-box; +} .wp-block-buttons.is-vertical{ flex-direction:column; } @@ -152,6 +158,9 @@ .wp-block-buttons.has-custom-font-size .wp-block-button__link{ font-size:inherit; } +.wp-block-buttons .wp-block-button__link{ + width:100%; +} .wp-block-button.aligncenter,.wp-block-calendar{ text-align:center; @@ -199,14 +208,20 @@ .wp-block-categories.wp-block-categories-dropdown.aligncenter{ text-align:center; } +.wp-block-categories .wp-block-categories__label{ + display:block; + width:100%; +} .wp-block-code{ box-sizing:border-box; } .wp-block-code code{ + direction:ltr; display:block; font-family:inherit; overflow-wrap:break-word; + text-align:initial; white-space:pre-wrap; } @@ -388,7 +403,12 @@ border:none; } +.wp-block-comments{ + box-sizing:border-box; +} + .wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + font-size:inherit; margin-bottom:.5em; margin-right:.5em; } @@ -435,13 +455,26 @@ .wp-block-comment-template.aligncenter{ margin-left:auto; margin-right:auto; - width:-moz-fit-content; width:fit-content; } .wp-block-comment-template.alignright{ float:left; } +.wp-block-comment-date{ + box-sizing:border-box; +} + +.comment-awaiting-moderation{ + display:block; + font-size:.875em; + line-height:1.5; +} + +.wp-block-comment-author-name,.wp-block-comment-content,.wp-block-comment-edit-link,.wp-block-comment-reply-link{ + box-sizing:border-box; +} + .wp-block-cover,.wp-block-cover-image{ align-items:center; background-position:50%; @@ -471,7 +504,6 @@ position:absolute; right:0; top:0; - z-index:1; } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{ opacity:.1; @@ -545,8 +577,8 @@ } .wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{ color:inherit; direction:rtl; + position:relative; width:100%; - z-index:1; } .wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{ align-items:flex-start; @@ -628,10 +660,6 @@ background-repeat:repeat; background-size:auto; } - -.wp-block-cover__image-background,.wp-block-cover__video-background{ - z-index:0; -} .wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{ color:#fff; } @@ -674,6 +702,15 @@ :root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){ color:inherit; } +body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background{ + z-index:0; +} +body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before{ + z-index:1; +} +.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container{ + z-index:auto; +} .wp-block-details{ box-sizing:border-box; @@ -800,13 +837,17 @@ margin-bottom:.5em; } .wp-block-form-input__label:has(input[type=checkbox]){ + flex-direction:row; + width:fit-content; +} +.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content{ + margin:0; +} +.wp-block-form-input__label:has(.wp-block-form-input__label-content+input[type=checkbox]){ flex-direction:row-reverse; - width:-moz-fit-content; - width:fit-content; } .wp-block-form-input__label-content{ - width:-moz-fit-content; width:fit-content; } @@ -960,23 +1001,35 @@ max-width:100% !important; width:auto; } +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{ + bottom:0; + left:0; + max-height:100%; + position:absolute; + right:0; +} +.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{ + -webkit-backdrop-filter:blur(3px); + backdrop-filter:blur(3px); + content:""; + height:100%; + -webkit-mask-image:linear-gradient(0deg, #000 20%, #0000); + mask-image:linear-gradient(0deg, #000 20%, #0000); + max-height:40%; +} .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{ - background:linear-gradient(0deg, #000000b3, #0000004d 70%, #0000); - bottom:0; + background:linear-gradient(0deg, #0006, #0000); box-sizing:border-box; color:#fff; font-size:13px; - margin-bottom:0; - max-height:60%; + margin:0; overflow:auto; - padding:0 8px 8px; - position:absolute; - right:0; + padding:1em; scrollbar-color:#0000 #0000; scrollbar-gutter:stable both-edges; scrollbar-width:thin; text-align:center; - width:100%; + text-shadow:0 0 1.5px #000; will-change:transform; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{ @@ -1022,6 +1075,10 @@ margin:0; padding:10px 10px 9px; position:relative; + text-shadow:none; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border:before,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded:before{ + content:none; } .wp-block-gallery.has-nested-images figcaption{ flex-basis:100%; @@ -1099,12 +1156,23 @@ rotate:180deg; } +.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; } @@ -1114,6 +1182,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%; @@ -1195,10 +1266,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; @@ -1290,19 +1365,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; @@ -1331,6 +1408,17 @@ } } +@keyframes show-content-image{ + 0%{ + visibility:hidden; + } + 99%{ + visibility:hidden; + } + to{ + visibility:visible; + } +} @keyframes turn-on-visibility{ 0%{ opacity:0; @@ -1499,7 +1587,7 @@ font-size:.8125em; } -.wp-block-latest-posts__post-excerpt{ +.wp-block-latest-posts__post-excerpt,.wp-block-latest-posts__post-full-content{ margin-bottom:1em; margin-top:.5em; } @@ -1529,12 +1617,15 @@ box-sizing:border-box; } -:root :where(ul.has-background,ol.has-background){ +:root :where(.wp-block-list.has-background){ padding:1.25em 2.375em; } +.wp-block-loginout,.wp-block-media-text{ + box-sizing:border-box; +} + .wp-block-media-text{ - box-sizing:border-box; direction:ltr; display:grid; grid-template-columns:50% 1fr; @@ -1580,13 +1671,16 @@ grid-row:1; } +.wp-block-media-text__media a{ + display:block; +} + .wp-block-media-text__media img,.wp-block-media-text__media video{ height:auto; max-width:unset; vertical-align:middle; width:100%; } - .wp-block-media-text.is-image-fill>.wp-block-media-text__media{ background-size:cover; height:100%; @@ -1608,6 +1702,23 @@ clip:rect(0, 0, 0, 0); border:0; } +.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media{ + height:100%; + min-height:250px; + position:relative; +} + +.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media>a{ + display:block; + height:100%; +} + +.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img{ + height:100%; + object-fit:cover; + position:absolute; + width:100%; +} @media (max-width:600px){ .wp-block-media-text.is-stacked-on-mobile{ grid-template-columns:100% !important; @@ -1721,11 +1832,15 @@ position:absolute; right:-1px; top:100%; - transition:opacity .1s linear; visibility:hidden; width:0; z-index:2; } +@media not (prefers-reduced-motion){ + .wp-block-navigation .has-child .wp-block-navigation__submenu-container{ + transition:opacity .1s linear; + } +} .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{ display:flex; flex-grow:1; @@ -1904,19 +2019,17 @@ color:inherit !important; } .wp-block-navigation__responsive-container.is-menu-open{ - animation:overlay-menu__fade-in-animation .1s ease-out; - animation-fill-mode:forwards; background-color:inherit; display:flex; flex-direction:column; overflow:auto; - padding:clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20em) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem); + padding:clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20rem) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem); z-index:100000; } -@media (prefers-reduced-motion:reduce){ +@media not (prefers-reduced-motion){ .wp-block-navigation__responsive-container.is-menu-open{ - animation-delay:0s; - animation-duration:1ms; + animation:overlay-menu__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; } } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ @@ -2106,6 +2219,10 @@ background-color:inherit; } +.wp-block-page-list{ + box-sizing:border-box; +} + .is-small-text{ font-size:.875em; } @@ -2154,6 +2271,7 @@ } .wp-block-post-author{ + box-sizing:border-box; display:flex; flex-wrap:wrap; } @@ -2178,6 +2296,10 @@ margin:0; } +.wp-block-post-author-biography{ + box-sizing:border-box; +} + :where(.wp-block-post-comments-form) input:not([type=submit]),:where(.wp-block-post-comments-form) textarea{ border:1px solid #949494; font-family:inherit; @@ -2208,7 +2330,7 @@ .wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){ letter-spacing:inherit; } -.wp-block-post-comments-form input[type=submit]{ +.wp-block-post-comments-form :where(input[type=submit]){ box-shadow:none; cursor:pointer; display:inline-block; @@ -2239,11 +2361,20 @@ margin-right:.5em; } -.wp-block-post-date{ +.wp-block-post-comments-count{ + box-sizing:border-box; +} + +.wp-block-post-content{ + display:flow-root; +} + +.wp-block-post-comments-link,.wp-block-post-date{ box-sizing:border-box; } :where(.wp-block-post-excerpt){ + box-sizing:border-box; margin-bottom:var(--wp--style--block-gap); margin-top:var(--wp--style--block-gap); } @@ -2361,12 +2492,22 @@ .wp-block-post-title{ word-break:break-word; } -.wp-block-post-title a{ +.wp-block-post-title :where(a){ display:inline-block; + font-family:inherit; + font-size:inherit; + font-style:inherit; + font-weight:inherit; + letter-spacing:inherit; + line-height:inherit; + text-decoration:inherit; +} + +.wp-block-post-author-name,.wp-block-preformatted{ + box-sizing:border-box; } .wp-block-preformatted{ - box-sizing:border-box; white-space:pre-wrap; } @@ -2411,6 +2552,10 @@ text-align:left; } +.wp-block-pullquote.has-text-align-center blockquote{ + text-align:center; +} + .wp-block-pullquote.is-style-solid-color{ border:none; } @@ -2431,9 +2576,11 @@ .wp-block-pullquote cite{ color:inherit; + display:block; } .wp-block-post-template{ + box-sizing:border-box; list-style:none; margin-bottom:0; margin-top:0; @@ -2490,13 +2637,6 @@ margin-inline-start:auto; } -.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ - margin-bottom:.5em; - margin-right:.5em; -} -.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ - margin-right:0; -} .wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{ margin-inline-start:auto; } @@ -2521,7 +2661,7 @@ justify-content:center; } -.wp-block-query-title,.wp-block-quote{ +.wp-block-query-title,.wp-block-query-total,.wp-block-quote{ box-sizing:border-box; } @@ -2547,7 +2687,6 @@ .wp-block-read-more{ display:block; - width:-moz-fit-content; width:fit-content; } .wp-block-read-more:where(:not([style*=text-decoration])){ @@ -2557,13 +2696,6 @@ text-decoration:none; } -ul.wp-block-rss{ - list-style:none; - padding:0; -} -ul.wp-block-rss.wp-block-rss{ - box-sizing:border-box; -} ul.wp-block-rss.alignleft{ margin-right:2em; } @@ -2573,7 +2705,6 @@ ul.wp-block-rss.is-grid{ display:flex; flex-wrap:wrap; - list-style:none; padding:0; } ul.wp-block-rss.is-grid li{ @@ -2603,6 +2734,12 @@ font-size:.8125em; } +.wp-block-rss{ + box-sizing:border-box; + list-style:none; + padding:0; +} + .wp-block-search__button{ margin-right:10px; word-break:normal; @@ -2647,13 +2784,13 @@ } .wp-block-search.wp-block-search__button-only .wp-block-search__button{ + box-sizing:border-box; + display:flex; flex-shrink:0; + justify-content:center; margin-right:0; max-width:100%; } -.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true]{ - max-width:calc(100% - 100px); -} .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{ min-width:0 !important; transition-property:width; @@ -2765,8 +2902,18 @@ border-radius:9999px; } -:root :where(.wp-block-site-title a){ +.wp-block-site-tagline,.wp-block-site-title{ + box-sizing:border-box; +} +.wp-block-site-title :where(a){ color:inherit; + font-family:inherit; + font-size:inherit; + font-style:inherit; + font-weight:inherit; + letter-spacing:inherit; + line-height:inherit; + text-decoration:inherit; } .wp-block-social-links{ @@ -2815,19 +2962,16 @@ border-radius:9999px; display:block; height:auto; - transition:transform .1s ease; -} -@media (prefers-reduced-motion:reduce){ +} +@media not (prefers-reduced-motion){ .wp-block-social-link{ - transition-delay:0s; - transition-duration:0s; + transition:transform .1s ease; } } .wp-block-social-link a{ align-items:center; display:flex; line-height:0; - transition:transform .1s ease; } .wp-block-social-link:hover{ transform:scale(1.1); @@ -2871,6 +3015,10 @@ background-color:#02e49b; color:#fff; } +:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{ + background-color:#5865f2; + color:#fff; +} :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{ background-color:#e94c89; color:#fff; @@ -2884,7 +3032,7 @@ color:#fff; } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{ - background-color:#1778f2; + background-color:#0866ff; color:#fff; } :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{ @@ -3050,6 +3198,9 @@ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{ color:#02e49b; } +:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{ + color:#5865f2; +} :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{ color:#e94c89; } @@ -3060,7 +3211,7 @@ color:#f45800; } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{ - color:#1778f2; + color:#0866ff; } :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{ color:#000; @@ -3179,8 +3330,8 @@ } :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){ - padding-left:.66667em; - padding-right:.66667em; + padding-left:.6666666667em; + padding-right:.6666666667em; } .wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{ @@ -3322,7 +3473,12 @@ border-width:inherit; } +:root :where(.wp-block-table-of-contents){ + box-sizing:border-box; +} + :where(.wp-block-term-description){ + box-sizing:border-box; margin-bottom:var(--wp--style--block-gap); margin-top:var(--wp--style--block-gap); } @@ -3348,7 +3504,7 @@ width:50%; } .wp-block-text-columns.columns-3 .wp-block-column{ - width:33.33333%; + width:33.3333333333%; } .wp-block-text-columns.columns-4 .wp-block-column{ width:25%; @@ -3497,7 +3653,6 @@ .screen-reader-text{ border:0; - clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); height:1px; margin:-1px; @@ -3510,7 +3665,6 @@ .screen-reader-text:focus{ background-color:#ddd; - clip:auto !important; clip-path:none; color:#444; display:block;