docsearch.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. button.DocSearch-Button{
  2. background: transparent;
  3. font-family: "Inter", sans-serif;
  4. border-radius: 4px;
  5. margin: 0px;
  6. }
  7. button.DocSearch-Button .DocSearch-Search-Icon{
  8. margin-right: 8px;
  9. width: 20px;
  10. height: 20px;
  11. stroke-width: 2;
  12. stroke-linecap: round;
  13. stroke-linejoin: round;
  14. color: #CBD5E1;
  15. }
  16. button.DocSearch-Button .DocSearch-Button-Placeholder{
  17. font-weight: bold;
  18. color: rgb(203, 213, 225);
  19. font-size: 0.875rem/* 14px */;
  20. line-height: 1.5rem/* 24px */;
  21. padding: 0px;
  22. display: none;
  23. }
  24. @media (min-width: 1024px) {
  25. button.DocSearch-Button .DocSearch-Button-Placeholder{
  26. display: block;
  27. }
  28. }
  29. @media (min-width: 1280px) {
  30. button.DocSearch-Button .DocSearch-Button-Placeholder{
  31. font-size: 1.125rem/* 18px */;
  32. line-height: 1.75rem/* 28px */;
  33. }
  34. }
  35. button.DocSearch-Button:hover,
  36. button.DocSearch-Button:active,
  37. button.DocSearch-Button:focus {
  38. background: rgb(17, 24, 39);
  39. box-shadow: none;
  40. }
  41. button.DocSearch-Button .DocSearch-Button-Keys{
  42. display: none;
  43. }