Adjust h4 heading weight

2018-12-11 15:51:34 +01:00
parent 1e5bc143be
commit d068956b69
1 changed files with 1 additions and 1 deletions
--- a/packages/website/ts/@next/components/text.tsx
+++ b/packages/website/ts/@next/components/text.tsx
@@ -32,7 +32,7 @@ const StyledHeading = styled.h1<HeadingProps>`
    margin-right: ${props => props.isCentered && 'auto'};
    margin-bottom: ${props => !props.isNoMargin && (props.marginBottom || '30px')};
    opacity: ${props => typeof props.isMuted === 'boolean' ? 0.75 : props.isMuted};
-    font-weight: 300;
+    font-weight: ${props => ['h4'].includes(props.asElement) ? 400 : 300};
 `;

 export const Heading: React.StatelessComponent<HeadingProps> = props => {