fix: fix font-weight inconsistency

fixes #506
Redocly · May 29, 2018 · 6ea2b7b · 6ea2b7b
1 parent d162bab
commit 6ea2b7b
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 11 deletions.
diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts
@@ -68,7 +68,6 @@ export const PropertyNameCell = withProps<{ kind?: string }>(PropertyCell.extend
   line-height: 20px;
   white-space: nowrap;
   font-size: 0.929em;
-  font-weight: 300;
   font-family: ${props => props.theme.headingsFont.family};
 
   &.deprecated {

diff --git a/src/components/Endpoint/styled.elements.ts b/src/components/Endpoint/styled.elements.ts
@@ -22,7 +22,6 @@ export const EndpointInfo = withProps<{ expanded?: boolean; inverted?: boolean }
   border-radius: ${props => (props.inverted ? '0' : '4px 4px 0 0')};
   background-color: ${props => (props.inverted ? 'transparent' : '#222d32')};
   display: block;
-  font-weight: 300;
   white-space: nowrap;
   overflow-x: hidden;
   text-overflow: ellipsis;
@@ -50,12 +49,6 @@ export const HttpVerb = withProps<{ type: string }>(styled.span).attrs({
   margin: 0;
 `;
 
-// background: transparent;
-// border-bottom: 1px solid #cccccc;
-// border-color: transparent;
-// border-bottom: 1px solid rgba(0,0,0,0.33);
-// padding-left: 10px;
-
 export const ServersOverlay = withProps<{ expanded: boolean }>(styled.div)`
   position: absolute;
   width: 100%;

diff --git a/src/components/Markdown/styles.ts b/src/components/Markdown/styles.ts
@@ -4,6 +4,11 @@ import { headerCommonMixin, linkifyMixin } from '../../common-elements';
 import { css, ResolvedThemeInterface, StyledComponentClass } from '../../styled-components';
 
 export const markdownCss = css`
+
+  font-family: ${props => props.theme.baseFont.family};
+  font-weight: ${props => props.theme.baseFont.weight};
+  line-height: ${props => props.theme.baseFont.lineHeight};
+
   p {
     &:last-of-type {
       margin-bottom: 0;
@@ -79,9 +84,6 @@ export const markdownCss = css`
     padding-left: 2em;
     margin: 0;
     margin-bottom: 1em;
-    font-family: ${props => props.theme.baseFont.family};
-    font-weight: ${props => props.theme.baseFont.weight};
-    line-height: ${props => props.theme.baseFont.lineHeight};
     > li {
       margin: 1em 0;
     }

diff --git a/src/components/Redoc/styled.elements.tsx b/src/components/Redoc/styled.elements.tsx
@@ -9,6 +9,7 @@ import styled, {
 export const RedocWrap = styled.div`
   font-family: ${props => props.theme.baseFont.family};
   font-size: ${props => props.theme.baseFont.size};
+  font-weight: ${props => props.theme.baseFont.weight};
   line-height: ${props => props.theme.baseFont.lineHeight};
   color: ${props => props.theme.colors.text};
   display: flex;