You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

32 lines
653 B

import styled from 'styled-components'
// lib
import palette from 'lib/styles/palette'
import * as styles from 'lib/styles/styles'
const Wrapper = styled.button`
padding: 16px 24px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
background-color: ${palette.gray0};
transition: .1s ${styles.transition};
cursor: pointer;
outline: none;
text-align: left;
border-bottom: 1px solid ${palette.gray1};
&:nth-child(2) {
border-top: 1px solid ${palette.gray1};
}
& > div {
color: inherit;
flex-grow: 1;
}
&:hover > *, &:focus > * {
color: ${palette.blue3};
}
`;
export default Wrapper