2018-05-26 04:48:21 +03:00
|
|
|
import React from 'react'
|
2018-05-26 04:55:28 +03:00
|
|
|
import styled from 'styled-components'
|
2018-05-26 04:48:21 +03:00
|
|
|
import * as Rebass from 'rebass'
|
2018-05-26 04:55:28 +03:00
|
|
|
import { heading, link } from '@compositor/md'
|
|
|
|
|
|
|
|
const Pre = styled(Rebass.Pre)({
|
|
|
|
borderRadius: '8px'
|
|
|
|
})
|
2018-05-26 04:48:21 +03:00
|
|
|
|
|
|
|
export default {
|
|
|
|
...Rebass,
|
|
|
|
h1: heading(props =>
|
|
|
|
<Rebass.Heading
|
|
|
|
{...props}
|
|
|
|
is='h1'
|
|
|
|
fontSize={6}
|
|
|
|
mt={3}
|
|
|
|
/>),
|
|
|
|
h2: heading(props =>
|
|
|
|
<Rebass.Heading
|
|
|
|
{...props}
|
|
|
|
is='h2'
|
|
|
|
fontSize={5}
|
|
|
|
mt={3}
|
2018-05-26 16:56:45 +03:00
|
|
|
mb={2}
|
2018-05-26 04:48:21 +03:00
|
|
|
/>),
|
|
|
|
h3: heading(props =>
|
|
|
|
<Rebass.Heading
|
|
|
|
{...props}
|
|
|
|
is='h3'
|
|
|
|
fontSize={4}
|
|
|
|
mt={2}
|
|
|
|
/>),
|
2018-05-26 04:55:28 +03:00
|
|
|
a: link(props =>
|
|
|
|
<Rebass.Link
|
|
|
|
{...props}
|
|
|
|
/>
|
|
|
|
),
|
2018-05-26 04:48:21 +03:00
|
|
|
pre: props =>
|
2018-05-26 04:55:28 +03:00
|
|
|
<Pre
|
2018-05-26 04:48:21 +03:00
|
|
|
{...props}
|
|
|
|
p={3}
|
2018-05-26 16:56:45 +03:00
|
|
|
mb={3}
|
|
|
|
bg='#f6f6fc'
|
2018-05-26 04:48:21 +03:00
|
|
|
/>
|
|
|
|
}
|