aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-14 22:21:39 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-14 22:22:27 +0800
commita2cb815454033e95a17ae1fc36c7c8d1326c3d39 (patch)
tree8a521ca2d5d92b23426015b5ce519e5e4449f35d /packages/website/ts/@next/components
parentef200b1ce699adb48071eb1cc94cc47bcfbdbd9d (diff)
downloaddexon-sol-tools-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar
dexon-sol-tools-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.gz
dexon-sol-tools-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.bz2
dexon-sol-tools-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.lz
dexon-sol-tools-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.xz
dexon-sol-tools-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.tar.zst
dexon-sol-tools-a2cb815454033e95a17ae1fc36c7c8d1326c3d39.zip
Misc feedbackTweak jobs page
Diffstat (limited to 'packages/website/ts/@next/components')
-rw-r--r--packages/website/ts/@next/components/text.tsx5
1 files changed, 4 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/text.tsx b/packages/website/ts/@next/components/text.tsx
index c29277c16..c333dc43a 100644
--- a/packages/website/ts/@next/components/text.tsx
+++ b/packages/website/ts/@next/components/text.tsx
@@ -5,6 +5,7 @@ import {getCSSPadding, PaddingInterface} from 'ts/@next/constants/utilities';
interface BaseTextInterface extends PaddingInterface {
size?: 'default' | 'medium' | 'large' | 'small' | number;
isCentered?: boolean;
+ textAlign?: string;
}
interface HeadingProps extends BaseTextInterface {
@@ -23,6 +24,7 @@ interface ParagraphProps extends BaseTextInterface {
isNoMargin?: boolean;
marginBottom?: string; // maybe we should remove isNoMargin
isMuted?: boolean | number;
+ fontWeight?: string | number;
}
const StyledHeading = styled.h1<HeadingProps>`
@@ -67,11 +69,12 @@ export const Heading: React.StatelessComponent<HeadingProps> = props => {
// for literally anything =
export const Paragraph = styled.p<ParagraphProps>`
font-size: ${props => `var(--${props.size || 'default'}Paragraph)`};
+ font-weight: ${props => props.fontWeight || 300};
margin-bottom: ${props => !props.isNoMargin && (props.marginBottom || '30px')};
padding: ${props => props.padding && getCSSPadding(props.padding)};
color: ${props => props.color || props.theme.paragraphColor};
opacity: ${props => typeof props.isMuted === 'boolean' ? 0.75 : props.isMuted};
- text-align: ${props => props.isCentered && 'center'};
+ text-align: ${props => props.textAlign ? props.textAlign : props.isCentered && 'center'};
line-height: 1.4;
`;