fix: make example/defaults badge consistent with code blocks

Redocly · Jan 17, 2019 · fa39ce4 · fa39ce4
1 parent c7436f2
commit fa39ce4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts
@@ -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;

diff --git a/src/components/Markdown/styled.elements.tsx b/src/components/Markdown/styled.elements.tsx
@@ -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};