diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/blocks/search/style-rtl.css --- a/wp/wp-includes/blocks/search/style-rtl.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/blocks/search/style-rtl.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,140 +1,108 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-search__button { - background: #f7f7f7; - border: 1px solid #ccc; - padding: 0.375em 0.625em; - color: #32373c; - margin-right: 0.625em; - word-break: normal; - font-size: inherit; - font-family: inherit; - line-height: inherit; +.wp-block-search__button{ + margin-right:10px; + word-break:normal; +} +.wp-block-search__button.has-icon{ + line-height:0; +} +.wp-block-search__button svg{ + height:1.25em; + min-height:24px; + min-width:24px; + width:1.25em; + fill:currentColor; + vertical-align:text-bottom; +} + +:where(.wp-block-search__button){ + border:1px solid #ccc; + padding:6px 10px; } -.wp-block-search__button.has-icon { - line-height: 0; + +.wp-block-search__inside-wrapper{ + display:flex; + flex:auto; + flex-wrap:nowrap; + max-width:100%; +} + +.wp-block-search__label{ + width:100%; } -.wp-block-search__button svg { - min-width: 1.5em; - min-height: 1.5em; - fill: currentColor; + +.wp-block-search__input{ + appearance:none; + border:1px solid #949494; + flex-grow:1; + margin-left:0; + margin-right:0; + min-width:3rem; + padding:8px; + text-decoration:unset !important; } -.wp-block-search__inside-wrapper { - display: flex; - flex: auto; - flex-wrap: nowrap; - max-width: 100%; +.wp-block-search.wp-block-search__button-only .wp-block-search__button{ + flex-shrink:0; + margin-right:0; + max-width:100%; } - -.wp-block-search__label { - 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; } - -.wp-block-search__input { - padding: 8px; - flex-grow: 1; - min-width: 3em; - border: 1px solid #949494; - font-size: inherit; - font-family: inherit; - line-height: inherit; +.wp-block-search.wp-block-search__button-only .wp-block-search__input{ + flex-basis:100%; + transition-duration:.3s; +} +.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{ + overflow:hidden; +} +.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{ + border-left-width:0 !important; + border-right-width:0 !important; + flex-basis:0; + flex-grow:0; + margin:0; + min-width:0 !important; + padding-left:0 !important; + padding-right:0 !important; + width:0 !important; } -.wp-block-search.wp-block-search__button-only .wp-block-search__button { - margin-right: 0; +:where(.wp-block-search__input){ + font-family:inherit; + font-size:inherit; + font-style:inherit; + font-weight:inherit; + letter-spacing:inherit; + line-height:inherit; + text-transform:inherit; } -.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { - padding: 4px; - border: 1px solid #949494; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){ + border:1px solid #949494; + box-sizing:border-box; + padding:4px; } -.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { - border-radius: 0; - border: none; - padding: 0 0.25em 0 0; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{ + border:none; + border-radius:0; + padding:0 4px; } -.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { - outline: none; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{ + outline:none; } -.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { - padding: 0.125em 0.5em; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){ + padding:4px 8px; } -.wp-block-search.aligncenter .wp-block-search__inside-wrapper { - margin: auto; +.wp-block-search.aligncenter .wp-block-search__inside-wrapper{ + margin:auto; +} + +.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{ + float:left; } \ No newline at end of file