Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-02-07 13:30:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: make example/defaults badge consistent with code blocks

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/common-elements/fields.ts
View File

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

2
src/components/Markdown/styled.elements.tsx
View File

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