[Summary view] [Print] [Text view]

   1  .wp-block-search__button{
   2    margin-left:10px;
   3    word-break:normal;
   4  }
   5  .wp-block-search__button.has-icon{
   6    line-height:0;
   7  }
   8  .wp-block-search__button svg{
   9    height:1.25em;
  10    min-height:24px;
  11    min-width:24px;
  12    width:1.25em;
  13    fill:currentColor;
  14    vertical-align:text-bottom;
  15  }
  16  
  17  :where(.wp-block-search__button){
  18    border:1px solid #ccc;
  19    padding:6px 10px;
  20  }
  21  
  22  .wp-block-search__inside-wrapper{
  23    display:flex;
  24    flex:auto;
  25    flex-wrap:nowrap;
  26    max-width:100%;
  27  }
  28  
  29  .wp-block-search__label{
  30    width:100%;
  31  }
  32  
  33  .wp-block-search__input{
  34    -webkit-appearance:initial;
  35            appearance:none;
  36    border:1px solid #949494;
  37    flex-grow:1;
  38    margin-left:0;
  39    margin-right:0;
  40    min-width:3rem;
  41    padding:8px;
  42    text-decoration:unset !important;
  43  }
  44  
  45  .wp-block-search.wp-block-search__button-only .wp-block-search__button{
  46    flex-shrink:0;
  47    margin-left:0;
  48    max-width:100%;
  49  }
  50  .wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true]{
  51    max-width:calc(100% - 100px);
  52  }
  53  .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
  54    min-width:0 !important;
  55    transition-property:width;
  56  }
  57  .wp-block-search.wp-block-search__button-only .wp-block-search__input{
  58    flex-basis:100%;
  59    transition-duration:.3s;
  60  }
  61  .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{
  62    overflow:hidden;
  63  }
  64  .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{
  65    border-left-width:0 !important;
  66    border-right-width:0 !important;
  67    flex-basis:0;
  68    flex-grow:0;
  69    margin:0;
  70    min-width:0 !important;
  71    padding-left:0 !important;
  72    padding-right:0 !important;
  73    width:0 !important;
  74  }
  75  
  76  :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
  77    border:1px solid #949494;
  78    box-sizing:border-box;
  79    padding:4px;
  80  }
  81  :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{
  82    border:none;
  83    border-radius:0;
  84    padding:0 4px;
  85  }
  86  :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{
  87    outline:none;
  88  }
  89  :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){
  90    padding:4px 8px;
  91  }
  92  
  93  .wp-block-search.aligncenter .wp-block-search__inside-wrapper{
  94    margin:auto;
  95  }
  96  
  97  .wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
  98    float:right;
  99  }