/src/styles/textInput.js

https://bitbucket.org/LorenK/sdconnect · JavaScript · 42 lines · 41 code · 1 blank · 0 comment · 0 complexity · c4f263f71d5c308edc8621fd2368f393 MD5 · raw file 

    

  1. import { StyleSheet } from 'react-native'
    2. 

  2. import colors from '../constants/colors'
    3. 

  3. import fonts from '../constants/fonts'
    4. 

  4. 

  5. const padding = 12
    6. 

  6. export default StyleSheet.create({
    7. 

  7.     baseInput: {
    8. 

  8.         backgroundColor: colors.textPrimary,
    9. 

  9.         borderColor: colors.secondary,
    10. 

  10.         borderWidth: 2,
    11. 

  11.         color: colors.primary,
    12. 

  12.         margin: 0,
    13. 

  13.         paddingLeft: padding,
    14. 

  14.         paddingRight: padding,
    15. 

  15.         paddingTop: padding - 4,
    16. 

  16.         paddingBottom: padding - 4
    17. 

  17.     },
    18. 

  18.     baseInputFocused: {
    19. 

  19.         backgroundColor: colors.textPrimary,
    20. 

  20.         borderColor: colors.primary,
    21. 

  21.         borderWidth: 2,
    22. 

  22.         color: colors.primary,
    23. 

  23.         margin: 0,
    24. 

  24.         paddingLeft: padding,
    25. 

  25.         paddingRight: padding,
    26. 

  26.         paddingTop: padding - 4,
    27. 

  27.         paddingBottom: padding - 4
    28. 

  28.     },
    29. 

  29.     label: {
    30. 

  30.         color: colors.primary,
    31. 

  31.         paddingBottom: 2
    32. 

  32.     },
    33. 

  33.     clearInput: {
    34. 

  34.         backgroundColor: colors.textPrimary,
    35. 

  35.         color: colors.primary,
    36. 

  36.         margin: 0,
    37. 

  37.         paddingLeft: padding,
    38. 

  38.         paddingRight: padding,
    39. 

  39.         paddingTop: padding - 4,
    40. 

  40.         paddingBottom: padding - 4
    41. 

  41.     }
    42. 

  42. })
    43.