Extracted a common Spearator (hr) component to reuse in docs. Adjusted styling for toc on mobile and tablet

This commit is contained in:
Piotr Janosz
2019-07-16 15:01:21 +02:00
committed by fabioberger
parent 09fd8bc521
commit 71ad8dcec0
4 changed files with 24 additions and 25 deletions

View File

@@ -10,6 +10,7 @@ import { IStepLinkConfig } from 'ts/components/docs/step_link';
import { StepLinks } from 'ts/components/docs/step_links';
import { DocumentTitle } from 'ts/components/document_title';
import { Section } from 'ts/components/newLayout';
import { Separator } from 'ts/components/docs/separator';
import { Heading, Paragraph } from 'ts/components/text';
import { colors } from 'ts/style/colors';
@@ -109,17 +110,6 @@ const CommunityWrapper = styled.div`
}
`;
const Separator = styled.hr`
border-width: 0 0 1px;
border-color: #e4e4e4;
height: 0;
margin: 60px 0;
@media (max-width: 500px) {
margin: 30px 0;
}
`;
const shortcuts: IShortcutLinkProps[] = [
{
heading: 'Core Concepts',