[Feature] default components

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "gitdocs",
-	"version": "2.0.0-beta10",
+	"version": "2.0.0-beta11",
 	"description": "Easy to use, SEO-friendly, beautiful documentation that lives in your git repo.",
 	"license": "MIT",
 	"homepage": "https://github.com/timberio/gitdocs#readme",

themes/default/markdown/index.js

@@ -5,6 +5,7 @@ import { Wrapper } from './styles'
 import Code from './overrides/Code'
 import Header from './overrides/Header'
 import Link from './overrides/Link'
+import Tip from './overrides/Tip'
 
 export default function (props) {
   const options = {
@@ -40,6 +41,9 @@ export default function (props) {
         component: Header,
         props: { level: 6 },
       },
+      Tip: {
+        component: Tip,
+      },
       a: Link,
     }
   }

themes/default/markdown/overrides/Tip.js

@@ -0,0 +1,29 @@
+import styled from 'react-emotion'
+
+export default styled('div')`
+  padding: 12px 24px 12px 20px;
+  margin: 2em 0;
+  border-left: 4px solid;
+  position: relative;
+  border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+  border-left-color: #3c763d;
+  background-color: rgba(241,249,241,.83);
+
+  &::before {
+    background-color: #3c763d;
+    content: "!";
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: -12px;
+    color: #fff;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+    text-align: center;
+    line-height: 20px;
+    font-weight: 700;
+    font-family: Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;
+  }
+`

themes/default/markdown/styles.js

@@ -14,6 +14,7 @@ export const Wrapper = styled('div')`
     text-decoration: none;
     margin: 0;
     color: #0D0A2B;
+    line-height: initial;
   }
 
   a:first-of-type {

themes/default/search/styles.js

@@ -25,6 +25,7 @@ export const Results = styled('div')`
   width: 100%;
   top: 65px;
   height: 50vh;
+  min-width: 400px;
   max-width: 700px;
   max-height: 700px;
   overflow: scroll;