index.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @import '../common/index.css';
  2. .van-search {
  3. -webkit-align-items: center;
  4. align-items: center;
  5. box-sizing: border-box;
  6. padding: 10px 12px;
  7. padding: var(--search-padding, 10px 12px);
  8. }
  9. .van-search,
  10. .van-search__content {
  11. display: -webkit-flex;
  12. display: flex;
  13. }
  14. .van-search__content {
  15. -webkit-flex: 1;
  16. flex: 1;
  17. padding-left: 8px;
  18. padding-left: var(--padding-xs, 8px);
  19. border-radius: 2px;
  20. border-radius: var(--border-radius-sm, 2px);
  21. background-color: #f7f8fa;
  22. background-color: var(--search-background-color, #f7f8fa);
  23. }
  24. .van-search__content--round {
  25. border-radius: 17px;
  26. border-radius: calc(var(--search-input-height, 34px) / 2);
  27. }
  28. .van-search__label {
  29. padding: 0 5px;
  30. padding: var(--search-label-padding, 0 5px);
  31. font-size: 14px;
  32. font-size: var(--search-label-font-size, 14px);
  33. line-height: 34px;
  34. line-height: var(--search-input-height, 34px);
  35. color: #323233;
  36. color: var(--search-label-color, #323233);
  37. }
  38. .van-search__field {
  39. -webkit-flex: 1;
  40. flex: 1;
  41. }
  42. .van-search__field__left-icon {
  43. color: #969799;
  44. color: var(--search-left-icon-color, #969799);
  45. }
  46. .van-search--withaction {
  47. padding-right: 0;
  48. }
  49. .van-search__action {
  50. padding: 0 8px;
  51. padding: var(--search-action-padding, 0 8px);
  52. font-size: 14px;
  53. font-size: var(--search-action-font-size, 14px);
  54. line-height: 34px;
  55. line-height: var(--search-input-height, 34px);
  56. color: #323233;
  57. color: var(--search-action-text-color, #323233);
  58. }
  59. .van-search__action--hover {
  60. background-color: #f2f3f5;
  61. background-color: var(--active-color, #f2f3f5);
  62. }