fix: make example/defaults badge consistent with code blocks

This commit is contained in:
Roman Hotsiy 2019-01-17 13:14:50 +02:00
parent c7436f2cee
commit fa39ce4eef
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
2 changed files with 4 additions and 2 deletions

View File

@ -18,7 +18,7 @@ export const ClickablePropertyNameCell = styled(PropertyNameCell)`
export const FieldLabel = styled.span`
vertical-align: middle;
font-size: 0.929em;
font-size: ${({ theme }) => theme.typography.code.fontSize};
line-height: 20px;
`;
@ -79,6 +79,8 @@ export const ExampleValue = styled(FieldLabel)`
margin: ${theme.spacing.unit}px;
padding: 0 ${theme.spacing.unit}px;
border: 1px solid ${transparentize(0.9, theme.colors.text.primary)};
font-family: ${theme.typography.code.fontFamily};
color: ${theme.typography.code.color};
}`};
& + & {
margin-left: 0;

View File

@ -70,7 +70,7 @@ export const StyledMarkdownBlock = styled(PrismDiv as StyledComponent<
font-family: ${props => props.theme.typography.code.fontFamily};
border-radius: 2px;
border: 1px solid rgba(38, 50, 56, 0.1);
padding: 0.1em 0.25em 0.2em;
padding: 0 ${({ theme }) => theme.spacing.unit}px;
font-size: ${props => props.theme.typography.code.fontSize};
font-weight: ${({ theme }) => theme.typography.code.fontWeight};