WordPress/wp-includes/blocks/search/style.css

95 lines
2.3 KiB
CSS
Raw Normal View History

.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:calc(100% - 100px);
}
: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-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{
float:right;
}