From 0948ed7a877ffca8bf43e8d67bf5804b40b2136e Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Tue, 11 Dec 2018 16:42:46 +0100
Subject: WIP Adds infinite scroll image on instant page

---
 packages/website/ts/@next/components/text.tsx | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'packages/website/ts/@next/components/text.tsx')

diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx
index 07d0ebce2..df3977444 100644
--- a/packages/website/ts/@next/components/text.tsx
+++ b/packages/website/ts/@next/components/text.tsx
@@ -9,6 +9,7 @@ interface BaseTextInterface extends PaddingInterface {
 
 interface HeadingProps extends BaseTextInterface {
     asElement?: 'h1'| 'h2'| 'h3'| 'h4';
+    maxWidth?: string;
     isCentered?: boolean;
     isNoMargin?: boolean;
     isMuted?: boolean | number;
@@ -23,6 +24,7 @@ interface ParagraphProps extends BaseTextInterface {
 }
 
 const StyledHeading = styled.h1<HeadingProps>`
+    max-width: ${props => props.maxWidth};
     color: ${props => props.color || props.theme.textColor};
     font-size: ${props => isNaN(props.size) ? `var(--${props.size || 'default'}Heading)` : `${props.size}px`};
     line-height: ${props => `var(--${props.size || 'default'}HeadingHeight)`};
-- 
cgit v1.2.3