All files / components/SocialLinks/SocialLink styled.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
3x
3x
 
3x
 
 
 
 
 
 
44x
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Theme } from "styles/theme"
import mediaQueries from "styles/mediaQueries"
import styled from "styled-components"
 
export const Wrapper = styled.div`
  align-items: center;
  column-gap: 5px;
  display: grid;
  grid-template-columns: auto 1fr;
 
  & svg {
    color: ${({ theme }: { theme: Theme }) => theme.palette.primary.main};
  }
 
  & a {
    overflow-wrap: anywhere;
  }
 
  ${mediaQueries.tablet} {
    & a {
      overflow-wrap: break-word;
    }
  }
`