Form.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. import variable from "./../variables/platform";
  2. export default (variables = variable) => {
  3. const platform = variables.platform;
  4. const theme = {
  5. "NativeBase.Item": {
  6. ".fixedLabel": {
  7. "NativeBase.Label": {
  8. paddingLeft: null
  9. },
  10. marginLeft: 15
  11. },
  12. ".inlineLabel": {
  13. "NativeBase.Label": {
  14. paddingLeft: null
  15. },
  16. marginLeft: 15
  17. },
  18. ".placeholderLabel": {
  19. "NativeBase.Input": {}
  20. },
  21. ".stackedLabel": {
  22. "NativeBase.Label": {
  23. top: 5,
  24. paddingLeft: null
  25. },
  26. "NativeBase.Input": {
  27. paddingLeft: null,
  28. marginLeft: platform === "ios" ? undefined : -5
  29. },
  30. "NativeBase.Icon": {
  31. marginTop: 36
  32. },
  33. marginLeft: 15
  34. },
  35. ".floatingLabel": {
  36. "NativeBase.Input": {
  37. paddingLeft: null,
  38. top: 10,
  39. marginLeft: platform === "ios" ? undefined : -5
  40. },
  41. "NativeBase.Label": {
  42. left: 0,
  43. top: 8
  44. },
  45. "NativeBase.Icon": {
  46. top: 6
  47. },
  48. marginTop: 15,
  49. marginLeft: 15
  50. },
  51. ".regular": {
  52. "NativeBase.Label": {
  53. left: 0
  54. },
  55. marginLeft: 0
  56. },
  57. ".rounded": {
  58. "NativeBase.Label": {
  59. left: 0
  60. },
  61. marginLeft: 0
  62. },
  63. ".underline": {
  64. "NativeBase.Label": {
  65. left: 0,
  66. top: 0,
  67. position: "relative"
  68. },
  69. "NativeBase.Input": {
  70. left: -15
  71. },
  72. marginLeft: 15
  73. },
  74. ".last": {
  75. marginLeft: 0,
  76. paddingLeft: 15
  77. },
  78. "NativeBase.Label": {
  79. paddingRight: 5
  80. },
  81. marginLeft: 15
  82. }
  83. };
  84. return theme;
  85. };