You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

94 lines
2.3 KiB

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