aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/text.tsx
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-10 23:07:18 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-10 23:07:36 +0800
commit194f78593997009649b5dd10e234b05e2d870d9c (patch)
treea50fdb5ae14d1fdbf00132eb2e4b9f1b48a74f68 /packages/website/ts/@next/components/text.tsx
parent086568bddf62e961b54fe80736a49786b2804193 (diff)
downloaddexon-sol-tools-194f78593997009649b5dd10e234b05e2d870d9c.tar
dexon-sol-tools-194f78593997009649b5dd10e234b05e2d870d9c.tar.gz
dexon-sol-tools-194f78593997009649b5dd10e234b05e2d870d9c.tar.bz2
dexon-sol-tools-194f78593997009649b5dd10e234b05e2d870d9c.tar.lz
dexon-sol-tools-194f78593997009649b5dd10e234b05e2d870d9c.tar.xz
dexon-sol-tools-194f78593997009649b5dd10e234b05e2d870d9c.tar.zst
dexon-sol-tools-194f78593997009649b5dd10e234b05e2d870d9c.zip
Refinements to Why page
Diffstat (limited to 'packages/website/ts/@next/components/text.tsx')
-rw-r--r--packages/website/ts/@next/components/text.tsx3
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx
index d6eabb0d5..d300031dc 100644
--- a/packages/website/ts/@next/components/text.tsx
+++ b/packages/website/ts/@next/components/text.tsx
@@ -11,6 +11,7 @@ interface HeadingProps extends BaseTextInterface {
asElement?: 'h1'| 'h2'| 'h3'| 'h4';
isCentered?: boolean;
isNoMargin?: boolean;
+ marginBottom?: string;
color?: string;
}
@@ -24,7 +25,7 @@ const StyledHeading = styled.h1<HeadingProps>`
font-size: ${props => `var(--${props.size || 'default'}Heading)`};
padding: ${props => props.padding && getCSSPadding(props.padding)};
line-height: ${props => `var(--${props.size || 'default'}HeadingHeight)`};
- margin-bottom: ${props => !props.isNoMargin && '30px'};
+ margin-bottom: ${props => !props.isNoMargin && (props.marginBottom || '30px')};
text-align: ${props => props.isCentered && 'center'};
font-weight: 300;
margin-left: ${props => props.isCentered && 'auto'};