bnnvara-form/src/style/select.js

All form components for BNNVARA

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

const Select = styled.select`
  appearance: none;    
  width: 148px;
  height: 46px;
  border-radius: 0;
  font-size: 14px;
  text-indent: 18px;
  font-weight: bold;
  border: solid 1px ${theme.bnnvara.tertiary.dark};
  background: ${theme.bnnvara.base.white};
  color: ${theme.bnnvara.base.black};
  background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat #eee;
  
  &:focus {
    outline: 0;
    border: 1px solid ${theme.bnnvara.tertiary.main};
  }      
`

export default Select;