Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
`
const List = styled.ul`
position: relative;
padding: 0;
pointer-events: ${props => (props.open ? 'auto' : 'none')};
@media screen and (min-width: ${props => props.theme.responsive.medium}) {
padding: 0;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 0.75rem;
justify-items: end;
}
`
const Item = styled(motion.li)`
display: flex;
justify-content: center;
padding: 0.5em 0;
font-size: 1.25em;
@media screen and (min-width: ${props => props.theme.responsive.medium}) {
font-size: 1em;
padding: 0;
position: relative;
line-height: 60px;
opacity: 1 !important;
pointer-events: auto;
}
&:first-of-type {
font-size: 1em;
text-transform: capitalize;
text-align: left;