bnnvara-form/src/style/input.js

All form components for BNNVARA

import styled from 'styled-components';
import { theme } from '@bnnvara/bnnvara-colors';

const Input = styled.input`
  font-family: 'Exo BNNVARA';
  width: 100%;
  max-width: 668px; 
  height: 56px; 
  border: solid 1px ${theme.bnnvara.tertiary.dark};
  color: ${theme.bnnvara.base.black};
  font-size: 16px;
  text-indent: 17px;
  margin: 15px;
  
  &:focus {
    outline: 0;
    border: 1px solid ${theme.bnnvara.tertiary.main};
  }
  
  ::placeholder {
    color: ${theme.bnnvara.base.black};
  }
`

export default Input