WordPress/wp-includes/blocks/search/style.css
youknowriad 1de40f71be Editor: Update the WordPress packages to the Gutenberg 16.7 RC2 version.
This patch, somewhat small brings a lot to WordPress. 
This includes features like:

 - DataViews.
 - Customization tools like box shadow, background size and repeat.
 - UI improvements in the site editor. 
 - Preferences sharing between the post and site editors.
 - Unified panels and editors between post and site editors.
 - Improved template mode in the post editor.
 - Iterations to multiple interactive blocks.
 - Preparing the blocks and UI for pattern overrides.
 - and a lot more.

Props luisherranz, gziolo, isabel_brison, costdev, jonsurrell, peterwilsoncc, get_dave, antonvlasenko, desrosj.
See #60315.
Built from https://develop.svn.wordpress.org/trunk@57377


git-svn-id: http://core.svn.wordpress.org/trunk@56883 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2024-01-29 21:07:12 +00:00

97 lines
2.5 KiB
CSS

.wp-block-search__button{
margin-left:10px;
word-break:normal;
}
.wp-block-search__button.has-icon{
line-height:0;
}
.wp-block-search__button svg{
fill:currentColor;
min-height:24px;
min-width:24px;
vertical-align:text-bottom;
}
:where(.wp-block-search__button){
border:1px solid #ccc;
padding:6px 10px;
}
.wp-block-search__inside-wrapper{
display:flex;
flex:auto;
flex-wrap:nowrap;
max-width:100%;
}
.wp-block-search__label{
width:100%;
}
.wp-block-search__input{
-webkit-appearance:initial;
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.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;
box-sizing:border-box;
padding:4px;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{
border:none;
border-radius:0;
padding:0 4px;
}
:where(.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) :where(.wp-block-search__button){
padding:4px 8px;
}
.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:right;
}