Merge pull request #53 from FurkanBinek/master

react-native Failed to parse declaration padding 12 8
esbenp · Jul 2, 2017 · c37ae0d · c37ae0d
2 parents 2394a0d + 824319a
commit c37ae0d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/src/Fieldset.js b/src/Fieldset.js
@@ -19,7 +19,10 @@ const FieldsetLabel = props => <View><FieldsetLabelText>{ props.children }</Fiel
 const FieldsetWrapper = styled.View`
   borderBottomColor: ${props => props.theme.Fieldset.borderBottomColor };
   borderBottomWidth: ${props => props.last ? 0 : props.theme.Fieldset.borderBottomWidth };
-  padding: ${props => props.theme.Fieldset.padding };
+  paddingTop : ${props => props.theme.Fieldset.paddingTop };
+  paddingRight : ${props => props.theme.Fieldset.paddingRight };
+  paddingBottom : ${props => props.theme.Fieldset.paddingBottom };
+  paddingLeft : ${props => props.theme.Fieldset.paddingLeft };
 `
 
 FieldsetWrapper.defaultProps = {

diff --git a/src/FormGroup.js b/src/FormGroup.js
@@ -35,7 +35,10 @@ const FormGroupWrapper = styled.View`
   justify-content: flex-start;
   height: ${props => calculateHeight(props)};
   marginBottom: ${props => props.theme.FormGroup.marginBottom};
-  padding: ${props => props.theme.FormGroup.padding};
+  paddingTop : ${props => props.theme.FormGroup.paddingTop };
+  paddingRight : ${props => props.theme.FormGroup.paddingRight };
+  paddingBottom : ${props => props.theme.FormGroup.paddingBottom };
+  paddingLeft : ${props => props.theme.FormGroup.paddingLeft };
 `
 
 FormGroupWrapper.defaultProps = {

diff --git a/src/Theme.js b/src/Theme.js
@@ -19,7 +19,10 @@ const Theme = {
     labelSize: 9,
     labelWeight: 700,
     labelHeight: 25,
-    padding: '12 8'
+    paddingTop: 12,
+    paddingBottom: 12,
+    paddingLeft: 8,
+    paddingRight: 8,
   },
   FormGroup: {
     borderColor: '#ebebeb',
@@ -29,7 +32,10 @@ const Theme = {
     errorBorderColor: 'red',
     height: 35,
     marginBottom: 10,
-    padding: '0 10'
+    paddingTop: 0,
+    paddingBottom: 0,
+    paddingLeft: 10,
+    paddingRight: 10,
   },
   BaseInput: {
     placeholderColor: '#c9c9c9',