diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 19:11:22 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 19:11:22 +0800 |
commit | 86acca5e1c37bf24bef393700fbf0909b58b9df3 (patch) | |
tree | 5837b78a7ac5a0279b2737aff4fe9afa7d4692d7 /packages/website/ts/@next/components/text.tsx | |
parent | cb2b45bf043b4dd39f656be295c3823988b63a08 (diff) | |
download | dexon-0x-contracts-86acca5e1c37bf24bef393700fbf0909b58b9df3.tar.gz dexon-0x-contracts-86acca5e1c37bf24bef393700fbf0909b58b9df3.tar.zst dexon-0x-contracts-86acca5e1c37bf24bef393700fbf0909b58b9df3.zip |
WIP dropdown menus
Diffstat (limited to 'packages/website/ts/@next/components/text.tsx')
-rw-r--r-- | packages/website/ts/@next/components/text.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx index 74bf58701..bf471db2e 100644 --- a/packages/website/ts/@next/components/text.tsx +++ b/packages/website/ts/@next/components/text.tsx @@ -3,7 +3,7 @@ import styled from 'styled-components'; import {getCSSPadding, PaddingInterface} from 'ts/@next/constants/utilities'; interface BaseTextInterface extends PaddingInterface { - size?: 'default' | 'medium' | 'large' | 'small'; + size?: 'default' | 'medium' | 'large' | 'small' | number; isCentered?: boolean; } @@ -23,14 +23,14 @@ interface ParagraphProps extends BaseTextInterface { const StyledHeading = styled.h1<HeadingProps>` color: ${props => props.color || props.theme.textColor}; - font-size: ${props => `var(--${props.size || 'default'}Heading)`}; + font-size: ${props => isNaN(props.size) ? `var(--${props.size || 'default'}Heading)` : `${props.size}px`}; padding: ${props => props.padding && getCSSPadding(props.padding)}; line-height: ${props => `var(--${props.size || 'default'}HeadingHeight)`}; margin-bottom: ${props => !props.isNoMargin && (props.marginBottom || '30px')}; text-align: ${props => props.isCentered && 'center'}; - font-weight: 400; margin-left: ${props => props.isCentered && 'auto'}; margin-right: ${props => props.isCentered && 'auto'}; + font-weight: 400; `; export const Heading: React.StatelessComponent<HeadingProps> = props => { |