Refactor markdown rendering

2019-11-29 18:36:49 +04:00
parent 77dab81b92
commit ebd351e133
13 changed files with 20 additions and 17 deletions
--- a/components/md-renderer/mdx-components/blockquote.js
+++ b/components/md-renderer/mdx-components/blockquote.js
@@ -0,0 +1,26 @@
+import styled from 'styled-components';
+
+const BlockQuote = styled.blockquote`
+  padding: 16px 20px;
+  position: relative;
+  background: #e8e8e8;
+  border-radius: 5px;
+
+  h1, h2, h3, h4, h5, h6 {
+    margin-top: 0;
+  }
+  
+  p + h4 {
+    margin-top: 15px;
+  }
+
+  p {
+    margin: 0;
+    
+    & + p {
+    margin-top: 10px;
+    }
+  }
+`;
+
+export default BlockQuote;