Merge pull request #15 from ninjz/master

add default styling for blockQuote

Author: CharlesMangwa

rules.js

@@ -16,19 +16,24 @@ export default (styles) => ({
   },
   blockQuote: {
     react: (node, output, state) => {
+      let block
       state.withinText = true
-      return createElement(Text, {
-        key: state.key,
-        style: styles.blockQuote
+      block = createElement(View, { key: state.key, style: styles. blockQuoteBlock })
+
+      const blockText = createElement(Text, {
+        key: state.key + 1,
+        style: styles.blockQuoteText
       }, output(node.content, state))
+
+      return createElement(View, { key: state.key, style: styles.blockQuote }, [block, blockText])
     }
   },
   br: {
     react: (node, output, state) => {
       return createElement(Text, {
         key: state.key,
         style: styles.br
-      }, '\n\n')
+      }, '\n')
     }
   },
   codeBlock: {

styles.js

@@ -2,6 +2,18 @@
 
 const styles = {
   view: {},
+  blockQuote: {
+    flexDirection: 'row'
+  },
+  blockQuoteBlock: {
+    width: 3,
+    height: null,
+    backgroundColor: '#DDDDDD',
+    marginRight: 15,
+  },
+  blockQuoteText: {
+    flex: 1,
+  },
   codeBlock: {
     fontFamily: 'Courier',
     fontWeight: '500',
@@ -59,7 +71,6 @@ const styles = {
   listItemBullet: {
     fontSize: 20,
     lineHeight: 20,
-    marginTop: 6,
   },
   listItemNumber: {
     fontWeight: 'bold',