wp/wp-includes/blocks/search/style-rtl.css
changeset 21 48c4eec2b7e6
parent 19 3d72ae0968f4
child 22 8c2e4d02f4ef
--- 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