diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-10 23:07:18 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-10 23:07:36 +0800 |
| commit | 194f78593997009649b5dd10e234b05e2d870d9c (patch) | |
| tree | a50fdb5ae14d1fdbf00132eb2e4b9f1b48a74f68 /packages/website/ts/@next/components | |
| parent | 086568bddf62e961b54fe80736a49786b2804193 (diff) | |
| download | dexon-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')
| -rw-r--r-- | packages/website/ts/@next/components/icon.tsx | 1 | ||||
| -rw-r--r-- | packages/website/ts/@next/components/text.tsx | 3 |
2 files changed, 3 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/icon.tsx b/packages/website/ts/@next/components/icon.tsx index bc0f6f47e..7e16c2aa2 100644 --- a/packages/website/ts/@next/components/icon.tsx +++ b/packages/website/ts/@next/components/icon.tsx @@ -44,6 +44,7 @@ const StyledIcon = styled.figure<IconProps>` width: ${props => _getSize(props.size)}; height: ${props => _getSize(props.size)}; margin: ${props => getCSSPadding(props.margin)}; + display: inline-block; flex-shrink: 0; svg { 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'}; |