All files / src/components dark-text-input.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import {TextInput, themeGet} from '@primer/components'
import styled from 'styled-components'
 
const DarkTextInput = styled(TextInput)`
  /* The font-size of inputs should never be less than 16px.
   * Otherwise, iOS browsers will zoom in when the input is focused.
   * TODO: Update font-size of TextInput in @primer/components.
   */
  font-size: ${themeGet('fontSizes.2')} !important;
  color: ${themeGet('colors.white')};
  background-color: rgba(255, 255, 255, 0.07);
  border: 1px solid transparent;
  box-shadow: none;
 
  &:focus {
    border: 1px solid rgba(255, 255, 255, 0.15);
    outline: none;
    box-shadow: none;
  }
`
export default DarkTextInput