mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-08 14:43:24 +00:00
28 lines
580 B
TypeScript
28 lines
580 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
const Input = styled.input(({ theme }) => ({
|
|
width: '100%',
|
|
color: theme.colors.font,
|
|
backgroundColor: theme.colors.secondary,
|
|
padding: '0.75em',
|
|
border: `1px solid ${theme.colors.lightGrey}`,
|
|
borderBottom: `2px solid ${theme.colors.lightGrey}`,
|
|
borderRadius: theme.border.radius,
|
|
transition: theme.transition.delay,
|
|
|
|
'&:focus': {
|
|
borderBottom: `2px solid ${theme.colors.primary}`,
|
|
},
|
|
|
|
'&:disabled': {
|
|
opacity: 0.85,
|
|
},
|
|
|
|
'&::placeholder': {
|
|
fontStyle: 'italic',
|
|
color: theme.colors.grey,
|
|
},
|
|
}));
|
|
|
|
export default Input;
|