searchResultWrapper.tsx 515 B

1234567891011121314151617181920212223
  1. import {css} from '@emotion/react';
  2. import styled from '@emotion/styled';
  3. const SearchResultWrapper = styled('div')<{highlighted?: boolean}>`
  4. cursor: pointer;
  5. display: block;
  6. color: ${p => p.theme.textColor};
  7. padding: 10px;
  8. scroll-margin: 120px;
  9. ${p =>
  10. p.highlighted &&
  11. css`
  12. color: ${p.theme.activeText};
  13. background: ${p.theme.backgroundSecondary};
  14. `};
  15. &:not(:first-child) {
  16. border-top: 1px solid ${p => p.theme.innerBorder};
  17. }
  18. `;
  19. export default SearchResultWrapper;