_search.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .wp-block-search {
  2. &.wp-block-search__button-inside {
  3. .wp-block-search__inside-wrapper{
  4. padding: 0;
  5. .wp-block-search__button {
  6. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  7. border-top-left-radius: 0;
  8. border-bottom-left-radius: 0;
  9. margin: -1px -1px -1px 0;
  10. }
  11. }
  12. &:not(.wp-block-search__icon-button) {
  13. .wp-block-search__inside-wrapper{
  14. border-radius: var(--button--border-radius);
  15. }
  16. }
  17. &.wp-block-search__icon-button {
  18. .wp-block-search__inside-wrapper{
  19. flex-direction: row-reverse;
  20. padding-left: 0;
  21. border: none;
  22. border-bottom: var(--form--border-width) solid var(--form--border-color);
  23. }
  24. .wp-block-search__input {
  25. border: none;
  26. padding: 0 0 0 10px;
  27. }
  28. .wp-block-search__button {
  29. &.has-icon {
  30. margin-left: 0;
  31. background: transparent;
  32. color: var(--form--border-color);
  33. padding: 0;
  34. border: none;
  35. }
  36. }
  37. }
  38. }
  39. .wp-block-search__inside-wrapper {
  40. color: var(--global--color-secondary);
  41. align-items: center;
  42. }
  43. .wp-block-search__label {
  44. margin-bottom: 1rem;
  45. }
  46. .wp-block-search__input {
  47. color: var(--form--color-text);
  48. margin-right: calc( .1 * var(--global--spacing-horizontal));
  49. border: none;
  50. border-bottom: var(--form--border-width) solid var(--form--border-color);
  51. }
  52. }