crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made separator margin for mobile a prop

Browse Source
This commit is contained in:
Piotr Janosz
2019-07-16 23:44:40 +02:00
committed by fabioberger
parent ace63fe83a
commit 3d904aac67
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/website/ts/components/docs/separator.tsx
View File

@@ -2,6 +2,7 @@ import styled from 'styled-components';
interface ISeparatorProps {
margin?: string;
marginMobile?: string;
}
export const Separator = styled.hr<ISeparatorProps>`
@@ -11,10 +12,11 @@ export const Separator = styled.hr<ISeparatorProps>`
margin: ${({ margin }) => margin};
@media (max-width: 768px) {
margin: 30px 0;
margin: ${({ marginMobile }) => marginMobile};
}
`;
Separator.defaultProps = {
margin: '30px 0',
marginMobile: '30px 0',
};