summaryrefslogtreecommitdiffstats
path: root/wp-includes/blocks/search/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'wp-includes/blocks/search/style.css')
-rw-r--r--wp-includes/blocks/search/style.css54
1 files changed, 29 insertions, 25 deletions
diff --git a/wp-includes/blocks/search/style.css b/wp-includes/blocks/search/style.css
index 91fe4f7..536a2d1 100644
--- a/wp-includes/blocks/search/style.css
+++ b/wp-includes/blocks/search/style.css
@@ -6,9 +6,11 @@
line-height:0;
}
.wp-block-search__button svg{
- fill:currentColor;
+ height:1.25em;
min-height:24px;
min-width:24px;
+ width:1.25em;
+ fill:currentColor;
vertical-align:text-bottom;
}
@@ -43,8 +45,33 @@
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
flex-shrink:0;
margin-left: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;
+}
+.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;
+}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
border:1px solid #949494;
@@ -67,29 +94,6 @@
margin:auto;
}
-.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper{
- min-width:0 !important;
- transition-property:width;
-}
-.wp-block-search__button-behavior-expand .wp-block-search__input{
- flex-basis:100%;
- transition-duration:.3s;
-}
-.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden,.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{
- overflow:hidden;
-}
-.wp-block-search__button-behavior-expand.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[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper{
+.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
float:right;
} \ No newline at end of file